﻿@charset "utf-8";

.contentTabs .on .contentShow_four .contentShow_literal, .contentTabs .on .contentShow_one .contentShow_literal, .contentTabs .on .contentShow_two .contentShow_literal {
    opacity: 1;
    -webkit-animation: bounceInLeft 1s .5s ease both;
    -moz-animation: bounceInLeft 1s .5s ease both;
    animation: bounceInLeft 1s .5s ease both;
}

@-webkit-keyframes bounceInLeft {
    0% {
        opacity: 0;
        -webkit-transform: translateX(-2000px);
    }

    60% {
        opacity: 1;
        -webkit-transform: translateX(30px);
    }

    80% {
        opacity: 1;
        -webkit-transform: translateX(-10px);
    }

    100% {
        opacity: 1;
        -webkit-transform: translateX(0);
    }
}

@-moz-keyframes bounceInLeft {
    0% {
        opacity: 0;
        -moz-transform: translateX(-2000px);
    }

    60% {
        opacity: 1;
        -moz-transform: translateX(30px);
    }

    80% {
        opacity: 1;
        -moz-transform: translateX(-10px);
    }

    100% {
        opacity: 1;
        -moz-transform: translateX(0);
    }
}

@keyframes bounceInLeft {
    0% {
        opacity: 0;
        transform: translateX(-2000px);
    }

    60% {
        opacity: 1;
        transform: translateX(30px);
    }

    80% {
        opacity: 1;
        transform: translateX(-10px);
    }

    100% {
        opacity: 1;
        transform: translateX(0);
    }
}

.contentTabs .on .contentShow_five .contentShow_literal, .contentTabs .on .contentShow_three .contentShow_literal {
    opacity: 1;
    -webkit-animation: bounceInLeft1 1s .5s ease both;
    -moz-animation: bounceInLeft1 1s .5s ease both;
    animation: bounceInLeft1 1s .5s ease both;
}

@-webkit-keyframes bounceInLeft1 {
    0% {
        opacity: 0;
        -webkit-transform: translateX(2000px);
    }

    60% {
        opacity: 1;
        -webkit-transform: translateX(-30px);
    }

    80% {
        opacity: 1;
        -webkit-transform: translateX(10px);
    }

    100% {
        opacity: 1;
        -webkit-transform: translateX(0);
    }
}

@-moz-keyframes bounceInLeft1 {
    0% {
        opacity: 0;
        -moz-transform: translateX(2000px);
    }

    60% {
        opacity: 1;
        -moz-transform: translateX(-30px);
    }

    80% {
        opacity: 1;
        -moz-transform: translateX(10px);
    }

    100% {
        opacity: 1;
        -moz-transform: translateX(0);
    }
}

@keyframes bounceInLeft1 {
    0% {
        opacity: 0;
        transform: translateX(2000px);
    }

    60% {
        opacity: 1;
        transform: translateX(-30px);
    }

    80% {
        opacity: 1;
        transform: translateX(10px);
    }

    100% {
        opacity: 1;
        transform: translateX(0);
    }
}

.contentTabs .on .contentShow_five i, .contentTabs .on .contentShow_four i, .contentTabs .on .contentShow_one i, .contentTabs .on .contentShow_two i {
    opacity: 1;
    -webkit-animation: bounceInTop1 1s .5s ease both;
    -moz-animation: bounceInTop1 1s .5s ease both;
    animation: bounceInTop1 1s .5s ease both;
}

@-webkit-keyframes bounceInTop1 {
    0% {
        opacity: 0;
        -webkit-transform: translateY(2000px);
    }

    60% {
        opacity: 1;
        -webkit-transform: translateY(30px);
    }

    80% {
        opacity: 1;
        -webkit-transform: translateY(-10px);
    }

    100% {
        opacity: 1;
        -webkit-transform: translateY(0);
    }
}

@-moz-keyframes bounceInTop1 {
    0% {
        opacity: 0;
        -moz-transform: translateY(2000px);
    }

    60% {
        opacity: 1;
        -moz-transform: translateY(30px);
    }

    80% {
        opacity: 1;
        -moz-transform: translateY(-10px);
    }

    100% {
        opacity: 1;
        -moz-transform: translateY(0);
    }
}

@keyframes bounceInTop1 {
    0% {
        opacity: 0;
        transform: translateY(2000px);
    }

    60% {
        opacity: 1;
        transform: translateY(30px);
    }

    80% {
        opacity: 1;
        transform: translateY(-10px);
    }

    100% {
        opacity: 1;
        transform: translateY(0);
    }
}

.contentTabs .on .contentShow_three i {
    opacity: 1;
    -webkit-animation: bounceInTop2 1s .5s ease both;
    -moz-animation: bounceInTop2 1s .5s ease both;
    animation: bounceInTop2 1s .5s ease both;
}

@-webkit-keyframes bounceInTop2 {
    0% {
        opacity: 0;
        -webkit-transform: translateY(-2000px);
    }

    60% {
        opacity: 1;
        -webkit-transform: translateY(-30px);
    }

    80% {
        opacity: 1;
        -webkit-transform: translateY(10px);
    }

    100% {
        opacity: 1;
        -webkit-transform: translateY(0);
    }
}

@-moz-keyframes bounceInTop2 {
    0% {
        opacity: 0;
        -moz-transform: translateY(-2000px);
    }

    60% {
        opacity: 1;
        -moz-transform: translateY(-30px);
    }

    80% {
        opacity: 1;
        -moz-transform: translateY(10px);
    }

    100% {
        opacity: 1;
        -moz-transform: translateY(0);
    }
}

@keyframes bounceInTop2 {
    0% {
        opacity: 0;
        transform: translateY(-2000px);
    }

    60% {
        opacity: 1;
        transform: translateY(-30px);
    }

    80% {
        opacity: 1;
        transform: translateY(10px);
    }

    100% {
        opacity: 1;
        transform: translateY(0);
    }
}

.navList a:hover i {
    -webkit-animation: run .2s .1s ease both;
    -moz-animation: run .2s .1s ease both;
    animation: run .2s .1s ease both;
}

@-webkit-keyframes run {
    0% {
        width: 0;
    }

    20% {
        width: 20%;
    }

    40% {
        width: 40%;
    }

    60% {
        width: 60%;
    }

    80% {
        width: 80%;
    }

    100% {
        width: 100%;
    }
}

@-moz-keyframes run {
    0% {
        width: 0;
    }

    20% {
        width: 20%;
    }

    40% {
        width: 40%;
    }

    60% {
        width: 60%;
    }

    80% {
        width: 80%;
    }

    100% {
        width: 100%;
    }
}

@keyframes run {
    0% {
        width: 0;
    }

    20% {
        width: 20%;
    }

    40% {
        width: 40%;
    }

    60% {
        width: 60%;
    }

    80% {
        width: 80%;
    }

    100% {
        width: 100%;
    }
}

@font-face {
    font-family: webfont-bold;
    src: url(//at.alicdn.com/t/28h33fij57zgds4i.eot);
    src: url(//at.alicdn.com/t/28h33fij57zgds4i.eot?#iefix) format('embedded-opentype'),url(//at.alicdn.com/t/28h33fij57zgds4i.woff) format('woff'),url(//at.alicdn.com/t/28h33fij57zgds4i.ttf) format('truetype'),url(//at.alicdn.com/t/28h33fij57zgds4i.svg#NotoSansHans-DemiLight) format('svg');
}

@font-face {
    font-family: webfont-thin;
    src: url(//at.alicdn.com/t/gcepuzhbmp6fajor.eot);
    src: url(//at.alicdn.com/t/gcepuzhbmp6fajor.eot?#iefix) format('embedded-opentype'),url(//at.alicdn.com/t/gcepuzhbmp6fajor.woff) format('woff'),url(//at.alicdn.com/t/gcepuzhbmp6fajor.ttf) format('truetype'),url(//at.alicdn.com/t/gcepuzhbmp6fajor.svg#思源黑体-极细) format('svg');
}

@font-face {
    font-family: 'Noto Sans CJK SC';
    src: local('Noto Sans CJK SC');
}

a, b, big, blockquote, body, button, caption, dd, div, dl, dt, em, fieldset, form, h1, h2, h3, h4, h5, h6, html, i, iframe, img, input, label, li, ol, p, pre, q, s, select, small, span, strong, sub, sup, table, tbody, td, textarea, tfoot, th, thead, tr, tt, ul {
    margin: 0;
    padding: 0;
    border: 0;
}

body, html {
    width: 100%;
    height: 100%;
}

body {
    background-color: #F1F1F1;
    font: 12px/1.25 微软雅黑,"Microsoft Yahei",Tahoma,"Helvetica Neue","宋体",Helvetica,Arial,sans-serif;
    font-weight: 400;
    -ms-user-select: none;
    -moz-user-select: none;
    -webkit-user-select: none;
}

h1, h2, h3, h4, h5, h6 {
    line-height: 1em;
}

a {
    color: #000;
    text-decoration: none;
    outline: 0;
}

dl, ol, ul {
    list-style: none;
}

[contenteditable=true], button, input, select, textarea {
    outline: 0;
    font: 12px "Microsoft Yahei","Helvetica Neue",Helvetica,Arial,sans-serif;
}

    input:-ms-input-placeholder {
        font-style: italic;
    }

    input::-ms-input-placeholder {
        font-style: italic;
    }

    input::-webkit-input-placeholder {
        font-style: italic;
    }

    input::-moz-placeholder {
        font-style: italic;
    }

    input:-moz-placeholder {
        font-style: italic;
    }

@media screen and (device-width :1920px) and (max-width :3000px) {
    .bgContainer .mainContain .main li h1 {
        font-size: 58px;
    }

    .make .tempBoxWrap .tempList, .tempContainer {
        width: 1335px !important;
    }
}

@media screen and (device-width :1600px) and (max-width :1920px) {
    .bgContainer .mainContain .main li h1 {
        font-size: 56px;
    }
}

@media screen and (device-width :1440px) and (max-width :1600px) {
    .bgContainer .mainContain .main li h1 {
        font-size: 48px;
    }

    .bgContainer .mainContain .main .part2 .content img, .bgContainer .mainContain .main .part2 .popWrap, .bgContainer .mainContain .main .part3 .ball, .bgContainer .mainContain .main .part3 img {
        -ms-transform: scale(.75);
        -webkit-transform: scale(.75);
        transform: scale(.75);
    }

    .noTempWrap {
        top: 47% !important;
    }

    .bgContainer .mainContain .main .part3 .content {
        left: 28% !important;
        top: 45.5% !important;
    }

    .bgContainer .mainContain .main .part3 img {
        right: 15.5% !important;
    }

    .bgContainer .mainContain .main .part4 .effectWrap {
        -ms-transform: scale(.75);
        -webkit-transform: scale(.75);
        transform: scale(.75);
    }
}

@media screen and (device-width :1366px) and (max-width :1440px) {
    .bgContainer .mainContain .main li h1 {
        font-size: 45px;
    }

    .activity .blurWrap .noActivityWrap img, .bgContainer .mainContain .main .part2 .content img, .bgContainer .mainContain .main .part2 .popWrap, .bgContainer .mainContain .main .part3 .ball, .bgContainer .mainContain .main .part3 img {
        -ms-transform: scale(.7);
        -webkit-transform: scale(.7);
        transform: scale(.7);
    }

    .noTempWrap {
        -ms-transform: scale(.8);
        -webkit-transform: scale(.8);
        transform: scale(.8);
    }

    .bgContainer .mainContain .main .part3 .content {
        left: 29% !important;
        top: 45.5% !important;
    }

    .bgContainer .mainContain .main .part3 img {
        right: 13% !important;
    }

    .bgContainer .mainContain .main .part4 .effectWrap {
        -ms-transform: scale(.65);
        -webkit-transform: scale(.65);
        transform: scale(.65);
    }

    .bgContainer .mainContain .main .part4 a {
        width: 208px !important;
        height: 38px !important;
        font-size: 16px !important;
        line-height: 38px !important;
    }
}

@media print {
    body {
        font-family: "Microsoft Yahei";
    }
}

#blog .articleList .artIntro .seeMore::after, #blog .articleList .artIntro .seeMore:after, #cart::after, #cart:after, #inter_job .rightArrow, #pay-step-one .myCartTitle::before, #pay-step-one .myCartTitle:before, .actWrap .actList li .actIntro .actCountTime i, .article-relative p .see-more::after, .article-relative p .see-more:after, .bgContainer .main .seeAll a, .closeUnfurlVer1, .closeUnfurlVer2, .divide, .editWrap > div .partTitleWrap .partTitle .closeEditArea i, .editWrap > div .partTitleWrap .partTitle .operaExperiBtnWrap .schoolLogo, .editWrap > div .partTitleWrap .partTitle .operaExperiBtnWrap > p a i, .editWrap > div .selectStyle a i, .filterGroup .selectItem li .rightArrow, .filterResultWrap li .tempIntro i, .foot .rightPart .collectStar, .foot .sizer li .leftIcon, .foot .sizer li .rightArrow, .footCont .right p a, .jobContainer .jobWrap .jobList li h2 p i, .make .addPartBtn, .make .addPartWrap .addPartBoxWrap .box ul li i, .make .addPartWrap .addPartBoxWrap .using ul li i, .make .guideList h1 i, .make .makeOptions li a, .make .makeOptions li div i, .make .resumeAlreadyDoneWrap .resumeAlreadyDone ul a i, .make .resumeSaveStatus, .myCollectWrap .myCollectOptionsWrap .hideMyCollect, .myCollectWrap .myCollectOptionsWrap p a i, .myWord-cart-wrap .alreadyDone #pickNew a i, .myWord-cart-wrap .filter li i, .navContainer .right .hasReg .rightArrow, .navContainer .right .userMenu li a .accountSetting, .navContainer .right .userMenu li a .returnUserCenter, .navContainer .right .userMenu > i, .notetip .totalPrice .alert:after, .pageCount .jump-btn::after, .pageCount .jump-btn:after, .pay-way .zhifubao, .popBg1, .popBg2, .popWindow .formList .inputArea .seePassBtn a, .popWindow .formList .logIcon, .popWindow .formList .validateWrap .refreshBtn, .popWindow .formList2 .iconMail, .popWindow .formTitle a, .popWindow .logInForm .otherLogWay p a, .popWindow .seeAllTempWrap .chooseBtn i, .popWindow .seeAllTempWrap .closeSeeAllTemp i, .popWindow .seeAllTempWrap .switch i, .popWindow .uploadImgWrap .uploadArea a i, .popWindow .userCenterTempPreviewWrap .closeTempPreview i, .popWindow .userCenterTempPreviewWrap .switch i, .popWindow .userCenterTempPreviewWrap .userCenterTempOptions li i, .popWindow > div .formCont .mailIcon, .popWindow > div .formCont .passIcon, .popWindow > div .formCont .refreshBtn a, .popWindow > div .formCont label .seePassBtn a, .popWindow > div .formTitle label a, .radioBtn, .reset .resetWrap .resetForm li div label .seePassBtn a, .resumeList li .makeNew a i, .resumeList li .optionsWrap .optionDelete i, .resumeList li .optionsWrap .optionsList ul li .menuIcon, .resumeList li div .operaMenu a, .sideFloatBtnWrap .backToTop i, .sideFloatBtnWrap .qqkefu i, .tempDetailWrap .leftWrap .tempLaw::after, .tempDetailWrap .leftWrap .tempLaw:after, .tempList li .favorIcon, .tempList li .tempBox .tempMask label a, .time-line li a i, .time-line li a i.check, .tips {
    display: inline-block;
    background: url(../images/icon-All.png) no-repeat;
}

.addBlur {
    -webkit-filter: blur(4px);
    filter: blur(4px);
}

.blurWrap {
    position: absolute;
    top: 0;
    left: 0;
    width: inherit;
    height: inherit;
    -webkit-transition: all 2s;
    -moz-transition: all 2s;
    -o-transition: all 2s;
    transition: all 2s;
}

.borderRad3 {
    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    border-radius: 3px;
}

.home body {
    overflow: hidden;
}

.home .nav, .selection .nav {
    top: 0;
}

.navBottomBorderColor1 {
    border-bottom-color: rgba(0,0,0,.05);
}

.nav {
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 60px;
    border-bottom-width: 1px;
    border-bottom-style: solid;
    z-index: 4;
}

.addBg {
    background-color: #f1f1f1;
}

.navContainer {
    position: relative;
    height: inherit;
    margin: 0 60px auto;
}

    .navContainer .logo {
        float: left;
        margin-top: 11px;
    }

.logoVer2 {
    background-position: -32px 0 !important;
}

.navContainer .left {
    float: left;
    overflow: hidden;
    margin-left: 65px;
}

    .navContainer .left li {
        float: left;
        width: 83px;
        height: 58px;
    }

        .navContainer .left li a {
            display: block;
            width: inherit;
            height: inherit;
            color: #B0B0B0;
            text-align: center;
            line-height: 62px;
            font-size: 14px;
        }

.navContainer .navSlideLineWrap {
    position: absolute;
    left: 180px;
    bottom: 0;
    width: 408px;
    height: 2px;
    overflow: hidden;
}

    .navContainer .navSlideLineWrap span {
        position: absolute;
        left: -83px;
        display: block;
        width: 83px;
        height: inherit;
        background-color: #42A5FF;
        color: #B0B0B0;
        -webkit-transition: all .3s;
        -moz-transition: all .3s;
        -o-transition: all .3s;
        transition: all .3s;
    }

.addWhite {
    color: #FFF !important;
}

.navContainer .right {
    float: right;
    position: relative;
    top: 14px;
    height: 30px;
}

    .navContainer .right > li {
        float: left;
        position: relative;
        height: 28px;
        padding: 0 24px;
        margin-left: 13px;
        border-width: 1px;
        border-style: solid;
        -webkit-border-radius: 3px;
        -moz-border-radius: 3px;
        border-radius: 3px;
        -webkit-transition: all .2s;
        -moz-transition: all .2s;
        -o-transition: all .2s;
        transition: all .2s;
        cursor: pointer;
    }

        .navContainer .right > li a {
            display: block;
            width: inherit;
            height: inherit;
            line-height: 31px;
            text-align: center;
            -webkit-transition: all .2s;
            -moz-transition: all .2s;
            -o-transition: all .2s;
            transition: all .2s;
        }

    .navContainer .right .seeAll a {
        color: #89D1F5;
        line-height: 29px;
    }

    .navContainer .right .seeAll {
        border-color: #81DBF5;
        color: #BABEC0;
    }

        .navContainer .right .seeAll i {
            background-position: 0 0;
        }

        .navContainer .right .seeAll:hover {
            background-color: rgba(255,255,255,.1);
            color: #fff;
        }

    .navContainer .right .startMake a {
        color: #fff;
    }

    .navContainer .right .startMake {
        height: 30px;
        border: 0;
        background-color: #42A5FF;
    }

        .navContainer .right .startMake:hover {
            background-color: #3CF;
        }

    .navContainer .right .hasReg {
        display: none;
        float: right;
        border: none;
        background-color: #42A5FF;
        line-height: 28px;
        padding: 0;
    }

        .navContainer .right .hasReg a {
            display: inline-block;
            width: 80px;
            color: #FFF;
            line-height: 29px;
            padding-left: 14px;
            padding-right: 31px;
            overflow: hidden;
            white-space: nowrap;
            text-overflow: ellipsis;
        }

        .navContainer .right .hasReg .rightArrow {
            position: absolute;
            top: 11px;
            right: 9px;
            width: 7px;
            height: 6px;
            background-position: -232px -37px;
        }

.rightArrowAdd {
    background-position: -89px -6px;
}

.navContainer .right .userMenu {
    display: none;
    position: absolute;
    right: 0;
    width: 134px;
    height: 123px;
}

.topMenu {
    top: 35px;
}

.bottomMenu {
    bottom: 35px;
}

.navContainer .right .userMenu > i {
    float: right;
    width: 5px;
    height: 4px;
    margin-right: 25%;
}

.navContainer .right .userMenu ul {
    width: inherit;
    height: 119px;
    background-color: rgba(0,0,0,.85);
    box-shadow: 0 2px 7px 0 rgba(0,0,0,.5);
    clear: both;
}

.navContainer .right .userMenu li {
    width: inherit;
    height: 39px;
    border-bottom: 1px solid rgba(255,255,255,.1);
    cursor: pointer;
}

.navContainer .right .userMenu .lastLi {
    border-bottom: 0 none;
}

.navContainer .right .userMenu li a {
    display: block;
    width: inherit;
    height: inherit;
}

    .navContainer .right .userMenu li a:hover p {
        color: #fff;
    }

    .navContainer .right .userMenu li a p {
        display: inline-block;
        width: inherit;
        height: inherit;
        color: #B3B3B3;
        text-align: center;
        line-height: 39px;
        -webkit-transition: all .2s;
        -moz-transition: all .2s;
        -o-transition: all .2s;
        transition: all .2s;
    }

.bgContainer {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    min-height: 600px;
    -background: url(../images/bg3.jpg) no-repeat center center;
    background-size: cover;
    z-index: 1;
    overflow: hidden;
    background-color: #f1f1f1;
    -webkit-transition: all .2s;
    -moz-transition: all .2s;
    -o-transition: all .2s;
    transition: all .2s;
}

    .bgContainer .mainContain {
        margin: 0 auto;
    }

        .bgContainer .mainContain .main {
            height: inherit;
            position: relative;
            overflow: hidden;
        }

            .bgContainer .mainContain .main li {
                float: left;
                position: relative;
                width: 100%;
                min-width: 1000px;
                height: inherit;
                background: #fff;
                background: linear-gradient(-70deg,#EFEFEF,#fff);
                overflow: hidden;
            }

            .bgContainer .mainContain .main h1 {
                line-height: 1em;
                font-weight: 400;
                color: #272727;
                margin: 0 0 5px 150px;
                font-family: webfont-thin;
            }

            .bgContainer .mainContain .main p {
                font-size: 16px;
                color: #939393;
            }

@-webkit-keyframes moveToTop {
    100% {
        -webkit-transform: translateY(-40%);
        transform: translateY(-40%);
        opacity: 1;
    }
}

@-moz-keyframes moveToTop {
    100% {
        transform: translateY(-40%);
        opacity: 1;
    }
}

@keyframes moveToTop {
    100% {
        transform: translateY(-40%);
        opacity: 1;
    }
}

.bgContainer .mainContain .main .part1 img {
    position: absolute;
    width: 40.12%;
    right: 9%;
    opacity: 0;
    -webkit-transform: translateY(0);
    -ms-transform: translateY(0);
    -moz-transform: translateY(0);
    transform: translateY(0);
    -webkit-animation: moveToTop 1.8s ease-out 0s 1 forwards;
    -moz-animation: moveToTop 1.8s ease-out 0s 1 forwards;
    animation: moveToTop 1.8s ease-out 0s 1 forwards;
}

.bgContainer .mainContain .main .part1 p {
    margin-bottom: 5px;
    margin-left: 152px;
}

.bgContainer .mainContain .main .part1 a {
    color: #42A5FF;
    margin-left: 152px;
    font-size: 15px;
}

    .bgContainer .mainContain .main .part1 a + a {
        margin-left: 16px;
    }

    .bgContainer .mainContain .main .part1 a:hover {
        text-decoration: underline;
    }

.bgContainer .mainContain .main .part2 .content {
    position: absolute;
    top: 45%;
    left: 13%;
    margin-top: -44px;
    margin-left: -115px;
    width: 505px;
    height: 170px;
    text-align: center;
}

    .bgContainer .mainContain .main .part2 .content p {
        margin-top: 20px;
    }

.bgContainer .mainContain .main .part2 .popWrap {
    position: relative;
    top: 20%;
    left: 55%;
    margin-top: -300px;
    margin-right: -300px;
    width: 600px;
    height: 600px;
}

@-webkit-keyframes shake {
    0% {
        transform: translate(0,0) rotate(0deg);
    }

    2% {
        transform: translate(5px,-5px) rotate(.5deg);
    }

    4% {
        transform: translate(-5px,-25px) rotate(-1.5deg);
    }

    6% {
        transform: translate(5px,-5px) rotate(-.5deg);
    }

    8% {
        transform: translate(-25px,5px) rotate(.5deg);
    }

    10% {
        transform: translate(-15px,-15px) rotate(.5deg);
    }

    12% {
        transform: translate(15px,5px) rotate(-1.5deg);
    }

    14% {
        transform: translate(15px,-25px) rotate(-.5deg);
    }

    16% {
        transform: translate(-25px,-15px) rotate(-.5deg);
    }

    18% {
        transform: translate(-5px,5px) rotate(-.5deg);
    }

    20% {
        transform: translate(-15px,15px) rotate(.5deg);
    }

    22% {
        transform: translate(-15px,-25px) rotate(-1.5deg);
    }

    24% {
        transform: translate(5px,5px) rotate(-1.5deg);
    }

    26% {
        transform: translate(-15px,15px) rotate(.5deg);
    }

    28% {
        transform: translate(5px,15px) rotate(.5deg);
    }

    30% {
        transform: translate(-5px,-15px) rotate(-1.5deg);
    }

    32% {
        transform: translate(-25px,15px) rotate(-.5deg);
    }

    34% {
        transform: translate(-15px,15px) rotate(-1.5deg);
    }

    36% {
        transform: translate(-25px,-5px) rotate(.5deg);
    }

    38% {
        transform: translate(-25px,-25px) rotate(-1.5deg);
    }

    40% {
        transform: translate(-5px,-5px) rotate(-.5deg);
    }

    42% {
        transform: translate(-15px,15px) rotate(.5deg);
    }

    44% {
        transform: translate(5px,15px) rotate(-.5deg);
    }

    46% {
        transform: translate(15px,15px) rotate(-.5deg);
    }

    48% {
        transform: translate(-25px,15px) rotate(.5deg);
    }

    50% {
        transform: translate(5px,15px) rotate(-1.5deg);
    }

    52% {
        transform: translate(-15px,-25px) rotate(.5deg);
    }

    54% {
        transform: translate(15px,-15px) rotate(.5deg);
    }

    56% {
        transform: translate(15px,5px) rotate(-1.5deg);
    }

    58% {
        transform: translate(-25px,15px) rotate(-1.5deg);
    }

    60% {
        transform: translate(5px,5px) rotate(-.5deg);
    }

    62% {
        transform: translate(-25px,-15px) rotate(.5deg);
    }

    64% {
        transform: translate(5px,5px) rotate(-1.5deg);
    }

    66% {
        transform: translate(15px,-5px) rotate(-1.5deg);
    }

    68% {
        transform: translate(5px,15px) rotate(-.5deg);
    }

    70% {
        transform: translate(-15px,-25px) rotate(-.5deg);
    }

    72% {
        transform: translate(-15px,5px) rotate(.5deg);
    }

    74% {
        transform: translate(5px,-5px) rotate(.5deg);
    }

    76% {
        transform: translate(15px,-5px) rotate(-.5deg);
    }

    78% {
        transform: translate(-15px,15px) rotate(-.5deg);
    }

    80% {
        transform: translate(-5px,-15px) rotate(-.5deg);
    }

    82% {
        transform: translate(15px,-15px) rotate(-.5deg);
    }

    84% {
        transform: translate(5px,15px) rotate(.5deg);
    }

    86% {
        transform: translate(5px,-5px) rotate(.5deg);
    }

    88% {
        transform: translate(-25px,15px) rotate(-.5deg);
    }

    90% {
        transform: translate(-15px,-5px) rotate(-.5deg);
    }

    92%,94% {
        transform: translate(5px,15px) rotate(-.5deg);
    }

    96% {
        transform: translate(-15px,15px) rotate(-1.5deg);
    }

    98% {
        transform: translate(5px,-5px) rotate(-.5deg);
    }
}

@-moz-keyframes shake {
    0% {
        transform: translate(0,0) rotate(0deg);
    }

    2% {
        transform: translate(.5px,-.5px) rotate(.5deg);
    }

    4% {
        transform: translate(-.5px,-2.5px) rotate(-1.5deg);
    }

    6% {
        transform: translate(.5px,-.5px) rotate(-.5deg);
    }

    8% {
        transform: translate(-2.5px,.5px) rotate(.5deg);
    }

    10% {
        transform: translate(-1.5px,-1.5px) rotate(.5deg);
    }

    12% {
        transform: translate(1.5px,.5px) rotate(-1.5deg);
    }

    14% {
        transform: translate(1.5px,-2.5px) rotate(-.5deg);
    }

    16% {
        transform: translate(-2.5px,-1.5px) rotate(-.5deg);
    }

    18% {
        transform: translate(-.5px,.5px) rotate(-.5deg);
    }

    20% {
        transform: translate(-1.5px,1.5px) rotate(.5deg);
    }

    22% {
        transform: translate(-1.5px,-2.5px) rotate(-1.5deg);
    }

    24% {
        transform: translate(.5px,.5px) rotate(-1.5deg);
    }

    26% {
        transform: translate(-1.5px,1.5px) rotate(.5deg);
    }

    28% {
        transform: translate(.5px,1.5px) rotate(.5deg);
    }

    30% {
        transform: translate(-.5px,-1.5px) rotate(-1.5deg);
    }

    32% {
        transform: translate(-2.5px,1.5px) rotate(-.5deg);
    }

    34% {
        transform: translate(-1.5px,1.5px) rotate(-1.5deg);
    }

    36% {
        transform: translate(-2.5px,-.5px) rotate(.5deg);
    }

    38% {
        transform: translate(-2.5px,-2.5px) rotate(-1.5deg);
    }

    40% {
        transform: translate(-.5px,-.5px) rotate(-.5deg);
    }

    42% {
        transform: translate(-1.5px,1.5px) rotate(.5deg);
    }

    44% {
        transform: translate(.5px,1.5px) rotate(-.5deg);
    }

    46% {
        transform: translate(1.5px,1.5px) rotate(-.5deg);
    }

    48% {
        transform: translate(-2.5px,1.5px) rotate(.5deg);
    }

    50% {
        transform: translate(.5px,1.5px) rotate(-1.5deg);
    }

    52% {
        transform: translate(-1.5px,-2.5px) rotate(.5deg);
    }

    54% {
        transform: translate(1.5px,-1.5px) rotate(.5deg);
    }

    56% {
        transform: translate(1.5px,.5px) rotate(-1.5deg);
    }

    58% {
        transform: translate(-2.5px,1.5px) rotate(-1.5deg);
    }

    60% {
        transform: translate(.5px,.5px) rotate(-.5deg);
    }

    62% {
        transform: translate(-2.5px,-1.5px) rotate(.5deg);
    }

    64% {
        transform: translate(.5px,.5px) rotate(-1.5deg);
    }

    66% {
        transform: translate(1.5px,-.5px) rotate(-1.5deg);
    }

    68% {
        transform: translate(.5px,1.5px) rotate(-.5deg);
    }

    70% {
        transform: translate(-1.5px,-2.5px) rotate(-.5deg);
    }

    72% {
        transform: translate(-1.5px,.5px) rotate(.5deg);
    }

    74% {
        transform: translate(.5px,-.5px) rotate(.5deg);
    }

    76% {
        transform: translate(1.5px,-.5px) rotate(-.5deg);
    }

    78% {
        transform: translate(-1.5px,1.5px) rotate(-.5deg);
    }

    80% {
        transform: translate(-.5px,-1.5px) rotate(-.5deg);
    }

    82% {
        transform: translate(1.5px,-1.5px) rotate(-.5deg);
    }

    84% {
        transform: translate(.5px,1.5px) rotate(.5deg);
    }

    86% {
        transform: translate(.5px,-.5px) rotate(.5deg);
    }

    88% {
        transform: translate(-2.5px,1.5px) rotate(-.5deg);
    }

    90% {
        transform: translate(-1.5px,-.5px) rotate(-.5deg);
    }

    92%,94% {
        transform: translate(.5px,1.5px) rotate(-.5deg);
    }

    96% {
        transform: translate(-1.5px,1.5px) rotate(-1.5deg);
    }

    98% {
        transform: translate(.5px,-.5px) rotate(-.5deg);
    }
}

@keyframes shake {
    0% {
        transform: translate(0,0) rotate(0deg);
    }

    2% {
        transform: translate(5px,-5px) rotate(.5deg);
    }

    4% {
        transform: translate(-5px,-25px) rotate(-1.5deg);
    }

    6% {
        transform: translate(5px,-5px) rotate(-.5deg);
    }

    8% {
        transform: translate(-25px,5px) rotate(.5deg);
    }

    10% {
        transform: translate(-15px,-15px) rotate(.5deg);
    }

    12% {
        transform: translate(15px,5px) rotate(-1.5deg);
    }

    14% {
        transform: translate(15px,-25px) rotate(-.5deg);
    }

    16% {
        transform: translate(-25px,-15px) rotate(-.5deg);
    }

    18% {
        transform: translate(-5px,5px) rotate(-.5deg);
    }

    20% {
        transform: translate(-15px,15px) rotate(.5deg);
    }

    22% {
        transform: translate(-15px,-25px) rotate(-1.5deg);
    }

    24% {
        transform: translate(5px,5px) rotate(-1.5deg);
    }

    26% {
        transform: translate(-15px,15px) rotate(.5deg);
    }

    28% {
        transform: translate(5px,15px) rotate(.5deg);
    }

    30% {
        transform: translate(-5px,-15px) rotate(-1.5deg);
    }

    32% {
        transform: translate(-25px,15px) rotate(-.5deg);
    }

    34% {
        transform: translate(-15px,15px) rotate(-1.5deg);
    }

    36% {
        transform: translate(-25px,-5px) rotate(.5deg);
    }

    38% {
        transform: translate(-25px,-25px) rotate(-1.5deg);
    }

    40% {
        transform: translate(-5px,-5px) rotate(-.5deg);
    }

    42% {
        transform: translate(-15px,15px) rotate(.5deg);
    }

    44% {
        transform: translate(5px,15px) rotate(-.5deg);
    }

    46% {
        transform: translate(15px,15px) rotate(-.5deg);
    }

    48% {
        transform: translate(-25px,15px) rotate(.5deg);
    }

    50% {
        transform: translate(5px,15px) rotate(-1.5deg);
    }

    52% {
        transform: translate(-15px,-25px) rotate(.5deg);
    }

    54% {
        transform: translate(15px,-15px) rotate(.5deg);
    }

    56% {
        transform: translate(15px,5px) rotate(-1.5deg);
    }

    58% {
        transform: translate(-25px,15px) rotate(-1.5deg);
    }

    60% {
        transform: translate(5px,5px) rotate(-.5deg);
    }

    62% {
        transform: translate(-25px,-15px) rotate(.5deg);
    }

    64% {
        transform: translate(5px,5px) rotate(-1.5deg);
    }

    66% {
        transform: translate(15px,-5px) rotate(-1.5deg);
    }

    68% {
        transform: translate(5px,15px) rotate(-.5deg);
    }

    70% {
        transform: translate(-15px,-25px) rotate(-.5deg);
    }

    72% {
        transform: translate(-15px,5px) rotate(.5deg);
    }

    74% {
        transform: translate(5px,-5px) rotate(.5deg);
    }

    76% {
        transform: translate(15px,-5px) rotate(-.5deg);
    }

    78% {
        transform: translate(-15px,15px) rotate(-.5deg);
    }

    80% {
        transform: translate(-5px,-15px) rotate(-.5deg);
    }

    82% {
        transform: translate(15px,-15px) rotate(-.5deg);
    }

    84% {
        transform: translate(5px,15px) rotate(.5deg);
    }

    86% {
        transform: translate(5px,-5px) rotate(.5deg);
    }

    88% {
        transform: translate(-25px,15px) rotate(-.5deg);
    }

    90% {
        transform: translate(-15px,-5px) rotate(-.5deg);
    }

    92%,94% {
        transform: translate(5px,15px) rotate(-.5deg);
    }

    96% {
        transform: translate(-15px,15px) rotate(-1.5deg);
    }

    98% {
        transform: translate(5px,-5px) rotate(-.5deg);
    }
}

.bgContainer .mainContain .main .part2 .popWrap .popImg {
    position: absolute;
}

.bgContainer .mainContain .main .part2 .popWrap .popImg1 {
    bottom: 0;
    left: -32%;
    z-index: 3;
    -webkit-animation: shake 60s ease-in 0s infinite;
    -moz-animation: shake 60s ease-in 0s infinite;
    animation: shake 60s ease-in 0s infinite;
}

.bgContainer .mainContain .main .part2 .popWrap .popImg2 {
    bottom: -7%;
    left: 55%;
    z-index: 2;
    -webkit-animation: shake 60s ease-in .92s infinite;
    -moz-animation: shake 60s ease-in .92s infinite;
    animation: shake 60s ease-in .92s infinite;
}

.bgContainer .mainContain .main .part2 .popWrap .popImg3 {
    top: -10%;
    left: 20%;
    z-index: 1;
    -webkit-animation: shake 60s ease-in .1s infinite;
    -moz-animation: shake 60s ease-in .1s infinite;
    animation: shake 60s ease-in .1s infinite;
}

.bgContainer .mainContain .main .part3 .content {
    position: absolute;
    top: 46%;
    left: 21%;
    margin-left: -262px;
    margin-top: -70px;
    width: 523px;
    height: 180px;
    z-index: 9;
}

    .bgContainer .mainContain .main .part3 .content h1 {
        margin: 0;
    }

    .bgContainer .mainContain .main .part3 .content p {
        text-indent: 10px;
    }

.bgContainer .mainContain .main .part3 img {
    position: absolute;
    top: 50%;
    right: 23%;
    margin-top: -307px;
    margin-left: -229px;
    z-index: 10;
}

.bgContainer .mainContain .main .part3 .ball {
    position: absolute;
    background: linear-gradient(rgba(0,0,0,.1),rgba(255,255,255,.1));
    -webkit-border-radius: 50%;
    -moz-border-radius: 50%;
    border-radius: 50%;
    z-index: 5;
}

@-webkit-keyframes ballMove {
    0% {
        transform: translateX(2000px) rotate(0deg);
    }

    100% {
        transform: translateX(-1000px) rotate(360deg);
    }
}

@-moz-keyframes ballMove {
    0% {
        transform: translateX(2000px) rotate(0deg);
    }

    100% {
        transform: translateX(-1000px) rotate(360deg);
    }
}

@keyframes ballMove {
    0% {
        transform: translateX(2000px) rotate(0deg);
    }

    100% {
        transform: translateX(-1000px) rotate(360deg);
    }
}

.bgContainer .mainContain .main .part3 .ball1 {
    top: 20px;
    left: 359px;
    width: 100px;
    height: 100px;
    -webkit-animation: ballMove 50s linear 0s infinite;
    -moz-animation: ballMove 50s linear 0s infinite;
    animation: ballMove 50s linear 0s infinite;
}

.bgContainer .mainContain .main .part3 .ball2 {
    top: 200px;
    left: 154px;
    width: 280px;
    height: 280px;
    -webkit-animation: ballMove 46s linear .5s infinite;
    -moz-animation: ballMove 46s linear .5s infinite;
    animation: ballMove 46s linear .5s infinite;
}

.bgContainer .mainContain .main .part3 .ball3 {
    top: 120px;
    left: 554px;
    width: 390px;
    height: 390px;
    -webkit-animation: ballMove 59s linear .3s infinite;
    -moz-animation: ballMove 59s linear .3s infinite;
    animation: ballMove 59s linear .3s infinite;
}

.bgContainer .mainContain .main .part3 .ball4 {
    top: 201px;
    left: 156px;
    width: 590px;
    height: 590px;
    -webkit-animation: ballMove 38s linear .7s infinite;
    -moz-animation: ballMove 38s linear .7s infinite;
    animation: ballMove 38s linear .7s infinite;
}

.bgContainer .mainContain .main .part3 .ball5 {
    top: 30px;
    left: 10px;
    width: 670px;
    height: 670px;
    -webkit-animation: ballMove 30s linear .2s infinite;
    -moz-animation: ballMove 30s linear .2s infinite;
    animation: ballMove 30s linear .2s infinite;
}

.bgContainer .mainContain .main .part4 {
    overflow: hidden;
}

    .bgContainer .mainContain .main .part4 .effectWrap {
        position: absolute;
        top: -93%;
        left: 50%;
        margin-top: -200px;
        margin-left: -480px;
        width: 960px;
        height: inherit;
    }

@-webkit-keyframes rotation {
    0% {
        transform: rotate(0);
    }

    100% {
        transform: rotate(360deg);
    }
}

@-moz-keyframes rotation {
    0% {
        transform: rotate(0);
    }

    100% {
        transform: rotate(360deg);
    }
}

@keyframes rotation {
    0% {
        transform: rotate(0);
    }

    100% {
        transform: rotate(360deg);
    }
}

.bgContainer .mainContain .main .part4 .effectWrap img {
    position: absolute;
}

.bgContainer .mainContain .main .part4 .effectWrap .one {
    top: 20px;
    left: -250px;
    -webkit-animation: rotation 25s linear 0s infinite;
    -moz-animation: rotation 25s linear 0s infinite;
    animation: rotation 25s linear 0s infinite;
}

.bgContainer .mainContain .main .part4 .effectWrap .two {
    top: 201px;
    left: 0;
    -webkit-animation: rotation 20s linear 0s infinite;
    -moz-animation: rotation 20s linear 0s infinite;
    animation: rotation 20s linear 0s infinite;
}

.bgContainer .mainContain .main .part4 .effectWrap .three {
    top: 336px;
    left: -122px;
    -webkit-animation: rotation 25s linear 0s infinite;
    -moz-animation: rotation 25s linear 0s infinite;
    animation: rotation 25s linear 0s infinite;
}

.bgContainer .mainContain .main .part4 .content {
    position: absolute;
    top: 70%;
    left: 50%;
    margin-top: -80px;
    margin-left: -450px;
    width: 900px;
    height: 160px;
    text-align: center;
}

    .bgContainer .mainContain .main .part4 .content h1 {
        margin: 0;
    }

    .bgContainer .mainContain .main .part4 .content a {
        display: inline-block;
        margin: 34px 34px 0;
        width: 206px;
        height: 46px;
        border: 2px solid #42A5FF;
        font-size: 18px;
        line-height: 46px;
        color: #42A5FF;
        -webkit-transition: all .2s;
        -moz-transition: all .2s;
        -o-transition: all .2s;
        transition: all .2s;
        -webkit-border-radius: 7px;
        -moz-border-radius: 7px;
        border-radius: 7px;
    }

        .bgContainer .mainContain .main .part4 .content a:hover {
            background-color: #42A5FF;
            color: #fff;
        }

.bgContainer .navPoint {
    position: fixed;
    top: 50%;
    margin-top: -48px;
    right: 50px;
    width: 4px;
    height: 68px;
    z-index: 50;
    overflow: hidden;
}

    .bgContainer .navPoint ul {
        width: inherit;
        height: inherit;
        overflow: hidden;
    }

        .bgContainer .navPoint ul li {
            width: 4px;
            height: 4px;
            margin: 10px 0;
            background-color: rgba(0,0,0,.3);
            -webkit-border-radius: 50%;
            -moz-border-radius: 50%;
            border-radius: 50%;
            -webkit-transition: all .2s;
            -moz-transition: all .2s;
            -o-transition: all .2s;
            transition: all .2s;
        }

.focusPoint {
    background-color: #000 !important;
}

.foot {
    position: fixed;
    bottom: -40px;
    width: 100%;
    height: 100px;
    background-color: #fff;
    z-index: 2;
}

.footCont {
    height: 60px;
    margin: 0 60px auto;
    color: #BEBEBE;
}

    .footCont .left {
        float: left;
        width: 50%;
        height: inherit;
        color: #BEBEBE;
    }

        .footCont .left p {
            height: 30px;
        }

        .footCont .left .copyRight {
            line-height: 40px;
        }

        .footCont .left .contactUs {
            line-height: 24px;
        }

            .footCont .left .contactUs a {
                color: #BEBEBE;
            }

    .footCont .right {
        float: right;
        width: 50%;
        height: inherit;
        position: relative;
    }

        .footCont .right p {
            height: 26px;
            position: relative;
            top: 20px;
            float: right;
        }

            .footCont .right p a {
                width: 26px;
                height: 21px;
            }

            .footCont .right p .weixin {
                background-position: -64px 1px;
            }

            .footCont .right p .weibo {
                background-position: -64px -20px;
                margin-left: 34px;
            }

            .footCont .right p .i_qq {
                background: url(../images/i_qq.png) no-repeat;
                margin-right: 34px;
            }

        .footCont .right .weixin2 {
            display: none;
            position: absolute;
            width: 167px;
            height: 173px;
            background: url(../images/2weima.png) center center no-repeat;
            top: -179px;
            right: -4px;
        }

    .footCont .seeMoreInfoWrap {
        clear: both;
        height: 30px;
        overflow: auto;
        white-space: nowrap;
    }

        .footCont .seeMoreInfoWrap a {
            float: left;
            display: block;
            width: 130px;
            height: 20px;
            margin: 0 20px 10px 0;
            line-height: 20px;
            overflow: hidden;
            color: #7D7D7D;
            text-overflow: ellipsis;
        }

.popWindow {
    display: block;
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background-color: rgba(0,0,0,.5);
    z-index: 10;
    -webkit-transition: all .4s;
    -moz-transition: all .4s;
    -o-transition: all .4s;
    transition: all .4s;
    overflow: hidden;
}

    .popWindow .uploadImgWrap, .popWindow > .formList1, .popWindow > .formList2 {
        position: absolute;
        top: 50%;
        left: 50%;
        background-color: #fff;
        border-radius: 3px;
        overflow: hidden;
    }

    .popWindow > div .formTitle {
        height: 49px;
        border-bottom: 1px solid #E8ECEE;
        margin-bottom: 20px;
    }

        .popWindow > div .formTitle h3 {
            display: inline-block;
            float: left;
            font-size: 17px;
            line-height: 49px;
            text-indent: 21px;
            color: #82878A;
            font-weight: 400;
        }

        .popWindow > div .formTitle label {
            display: inline-block;
            width: 49px;
            height: 49px;
            float: right;
            cursor: pointer;
        }

            .popWindow > div .formTitle label a {
                position: relative;
                top: 16px;
                left: 19px;
                width: 11px;
                height: 11px;
                background-position: -168px -1px;
            }

.formList1 {
    width: 390px;
    margin-left: -195px;
}

.formList2 {
    width: 507px;
    height: 344px;
    margin-top: -172px;
    margin-left: -253px;
}

.logInForm {
    margin-top: -265px;
    padding: 0 0 30px;
}

.resgisForm {
    height: 440px;
    margin-top: -220px;
}

.findPassForm {
    height: 351px;
    margin-top: -175px;
}

.popWindow > div .formCont {
    width: 320px;
    margin: 0 auto;
}

    .popWindow > div .formCont li {
        height: 80px;
    }

    .popWindow > div .formCont .last {
        height: 45px;
    }

        .popWindow > div .formCont .last a {
            display: block;
            width: 320px;
            height: 45px;
            text-align: center;
            font-size: 15px;
            line-height: 45px;
            color: #fff;
            margin: 0 auto;
            background-color: #3CDC80;
            cursor: pointer;
        }

    .popWindow > div .formCont div {
        width: 318px;
        height: 38px;
        border: 1px solid #DBDBDB;
        -webkit-border-radius: 3px;
        -moz-border-radius: 3px;
        border-radius: 3px;
    }

        .popWindow > div .formCont div label {
            display: block;
            width: inherit;
            height: inherit;
            overflow: hidden;
        }

    .popWindow > div .formCont .formIcon {
        float: left;
    }

    .popWindow > div .formCont .mailIcon {
        width: 22px;
        height: 15px;
        margin: 12px 15px 11px 11px;
        background-position: -144px 0;
    }

    .popWindow > div .formCont .passIcon {
        width: 18px;
        height: 22px;
        margin: 7px 18px 9px 12px;
        background-position: -146px -16px;
    }

    .popWindow > div .formCont input {
        float: left;
        height: inherit;
    }

    .popWindow > div .formCont label .mailInput {
        width: 270px;
    }

    .popWindow > div .formCont label .hideTextInput, .popWindow > div .formCont label .passInput {
        width: 230px;
        float: left;
    }

    .popWindow > div .formCont label .hideTextInput {
        display: none;
    }

    .popWindow > div .formCont label .seePassBtn {
        display: inline-block;
        position: relative;
        top: 0;
        right: 0;
        width: 40px;
        height: inherit;
        cursor: pointer;
    }

        .popWindow > div .formCont label .seePassBtn a {
            position: relative;
            top: 13px;
            left: 10px;
            width: 19px;
            height: 12px;
            background-position: -213px 0;
        }

.addSeeBlueBg {
    background-position: -232px 0 !important;
}

.popWindow > div .formCont .validateInput {
    display: inline-block;
    width: 101px;
    height: 38px;
    padding-left: 12px;
    border: 1px solid #DBDBDB;
    margin-right: 13px;
}

.popWindow > div .formCont .validateImg {
    float: left;
    display: inline-block;
    width: 95px;
    height: 38px;
    line-height: 38px;
    margin-right: 8px;
    text-align: center;
    background-color: #f80;
    color: #fff;
}

.popWindow > div .formCont .refreshBtn {
    float: left;
    display: inline-block;
    width: 38px;
    height: 38px;
    cursor: pointer;
}

    .popWindow > div .formCont .refreshBtn a {
        display: inline-block;
        position: relative;
        top: 12px;
        left: 11px;
        width: 15px;
        height: 13px;
        background-position: -166px -14px;
    }

.popWindow > div .txtAlignLeft {
    text-align: left;
    display: none;
}

.popWindow > div .txtAlignRight {
    text-align: right;
    display: none;
}

.popWindow > div li > p {
    height: 40px;
    color: #FFA842;
    font-size: 14px;
    line-height: 40px;
    width: 100%;
    clear: both;
}

.popWindow > div .switchWindow {
    height: 49px;
    width: 320px;
    margin: 0 auto;
}

    .popWindow > div .switchWindow a {
        display: inline-block;
        width: 70px;
        line-height: 45px;
        color: #42A5FF;
        font-size: 14px;
        font-style: italic;
        text-align: center;
    }

    .popWindow > div .switchWindow .notHaveAccount {
        float: left;
    }

    .popWindow > div .switchWindow .forgetPass {
        float: right;
    }

.popWindow .logInForm .otherLogWay {
    position: relative;
    width: 320px;
    height: 80px;
    border-top: 1px solid #E8E8E8;
    margin: 0 auto;
}

    .popWindow .logInForm .otherLogWay h5 {
        position: absolute;
        top: -8px;
        left: 101px;
        width: 118px;
        height: 15px;
        font-size: 14px;
        line-height: 15px;
        text-align: center;
        font-weight: 400;
        background-color: #fff;
        color: #A0A6A9;
    }

    .popWindow .logInForm .otherLogWay p {
        width: 140px;
        height: 46px;
        margin: 34px auto 0;
    }

        .popWindow .logInForm .otherLogWay p a {
            float: left;
            display: inline-block;
            width: 46px;
            height: 46px;
            margin: 0 12px;
            background-color: #A0A6A9;
            -webkit-border-radius: 50%;
            -moz-border-radius: 50%;
            border-radius: 50%;
            -webkit-transition: all .5s;
            -moz-transition: all .5s;
            -o-transition: all .5s;
            transition: all .5s;
        }

        .popWindow .logInForm .otherLogWay p .qq {
            background-position: -370px 11px;
        }

        .popWindow .logInForm .otherLogWay p .weibo {
            background-position: -422px 13px;
        }

        .popWindow .logInForm .otherLogWay p .qq:hover {
            background-color: #42A5FF;
        }

        .popWindow .logInForm .otherLogWay p .weibo:hover {
            background-color: #FF6767;
        }

.popWindow .formList2 .iconMail {
    position: relative;
    top: 5px;
    display: block;
    width: 122px;
    height: 81px;
    margin: 0 auto;
    background-position: 0 -109px;
}

.popWindow .formList2 p {
    font-size: 20px;
    height: 20px;
    line-height: 20px;
    color: #AEB4B7;
    text-align: center;
    margin-top: 39px;
    margin-bottom: 33px;
}

.popWindow .uploadImgWrap {
    position: absolute;
    top: 50%;
    left: 50%;
    margin-top: -190px;
    margin-left: -275px;
    width: 550px;
    height: 380px;
}

    .popWindow .uploadImgWrap .formTitle .uploadTips {
        float: left;
        height: 49px;
        line-height: 49px;
        font-size: 14px;
        color: #ff4500;
    }

    .popWindow .uploadImgWrap .uploadArea {
        position: relative;
        width: 550px;
        height: 186px;
        margin: 0 39px 39px;
        overflow: hidden;
    }

        .popWindow .uploadImgWrap .uploadArea .userImgArea {
            position: relative;
            width: 249px;
            height: inherit;
            background-color: #ccc;
            text-align: center;
        }

            .popWindow .uploadImgWrap .uploadArea .userImgArea img {
                position: absolute;
                height: inherit;
            }

        .popWindow .uploadImgWrap .uploadArea .imgPreview {
            position: absolute;
            width: 97px;
            height: 135px;
            overflow: hidden;
            top: 20px;
        }

            .popWindow .uploadImgWrap .uploadArea .imgPreview img {
                position: absolute;
            }

        .popWindow .uploadImgWrap .uploadArea .square {
            left: 265px;
        }

        .popWindow .uploadImgWrap .uploadArea .circle {
            left: 373px;
        }

    .popWindow .uploadImgWrap .btnWrap {
        height: 45px;
    }

        .popWindow .uploadImgWrap .btnWrap a {
            float: left;
            position: relative;
            display: inline-block;
            width: 180px;
            height: 45px;
            text-align: center;
            font-size: 14px;
            letter-spacing: 1px;
            line-height: 45px;
            color: #fff;
            margin: 0 47px;
            background-color: #42A5ff;
        }

            .popWindow .uploadImgWrap .btnWrap a input {
                position: absolute;
                top: 0;
                left: 0;
                display: block;
                width: inherit;
                height: inherit;
                opacity: 0;
                z-index: 2;
            }

.popWindow .userCenterTempPreviewWrap {
    position: relative;
    width: inherit;
    height: inherit;
    overflow: hidden;
}

    .popWindow .seeAllTempWrap .closeSeeAllTemp, .popWindow .userCenterTempPreviewWrap .closeTempPreview {
        position: absolute;
        top: 16px;
        right: 16px;
        width: 30px;
        height: 30px;
        border: 3px solid #fff;
        -webkit-border-radius: 50%;
        -moz-border-radius: 50%;
        border-radius: 50%;
    }

        .popWindow .seeAllTempWrap .closeSeeAllTemp i, .popWindow .userCenterTempPreviewWrap .closeTempPreview i {
            position: relative;
            top: 8px;
            left: 9px;
            width: 13px;
            height: 14px;
            background-position: -300px -28px;
        }

    .popWindow .allTempList, .popWindow .userCenterTempPreviewWrap .userCenterTempPreview {
        position: absolute;
        top: 47%;
        left: 50%;
        margin-top: -390px;
        margin-left: -291px;
        width: 582px;
        height: 781px;
    }

        .popWindow .allTempList li, .popWindow .userCenterTempPreviewWrap .userCenterTempPreview li {
            float: left;
            width: 552px;
            height: 781px;
            margin: 0 15px;
            background-color: #fff;
            overflow: hidden;
        }

    .popWindow .userCenterTempPreviewWrap .userCenterTempOptions {
        position: absolute;
        left: 50%;
        margin-left: -133px;
        bottom: 30px;
        width: 267px;
        height: 81px;
    }

        .popWindow .userCenterTempPreviewWrap .userCenterTempOptions li {
            float: left;
            width: 77px;
            height: 77px;
            margin: 0 4px;
            text-align: center;
            border: 2px solid #A1A1A1;
            -webkit-border-radius: 9px;
            -moz-border-radius: 9px;
            border-radius: 9px;
            -webkit-transition: all .6s;
            -moz-transition: all .6s;
            -o-transition: all .6s;
            transition: all .6s;
            cursor: pointer;
        }

            .popWindow .userCenterTempPreviewWrap .userCenterTempOptions li:hover {
                background-color: rgba(255,255,255,.12);
            }

            .popWindow .userCenterTempPreviewWrap .userCenterTempOptions li p {
                line-height: 8px;
                color: #ACACAC;
            }

    .popWindow .seeAllTempWrap .switch, .popWindow .userCenterTempPreviewWrap .switch {
        position: absolute;
        top: 45%;
        margin-top: -35px;
        width: 70px;
        height: 70px;
        border: 1px solid rgba(255,255,255,.3);
        -webkit-border-radius: 50%;
        -moz-border-radius: 50%;
        border-radius: 50%;
        -webkit-transition: all .6s;
        -moz-transition: all .6s;
        -o-transition: all .6s;
        transition: all .6s;
        z-index: 5;
    }

        .popWindow .seeAllTempWrap .switch, .popWindow .userCenterTempPreviewWrap .switch:hover {
            background-color: rgba(255,255,255,.18);
        }

    .popWindow .seeAllTempWrap .switchLeft, .popWindow .userCenterTempPreviewWrap .switchLeft {
        left: 22%;
        transform: rotate(180deg);
    }

    .popWindow .seeAllTempWrap .switchRight, .popWindow .userCenterTempPreviewWrap .switchRight {
        right: 22%;
    }

.selection body {
    background-color: #E6E6E6;
}

.selection .navContainer .right .hasReg a {
    color: #fff;
}

#article .nav, #blog .nav, #custom .nav, #goods-detail .nav, #inter_job .nav, #internship .nav, #job_detail .nav, #pay-step-done .nav, #pay-step-fail .nav, #pay-step-one .nav, #pay-step-two .nav, #shop .nav, #start-up .nav, .activity .nav, .reset .nav, .selection .myCollectWrap .myCollectOptionsWrap, .selection .nav, .start .nav, .user-page .nav {
    background: rgba(0,0,0,.9);
    background: linear-gradient(rgba(39,39,39,.9),rgba(27,27,27,.9));
    box-shadow: 0 1px 1px 0 rgba(0,0,0,.35);
}

.tempContainer {
    position: relative;
    padding: 94px 0 80px;
    width: 1068px;
    margin: 0 auto;
    z-index: 1;
    overflow: hidden;
}

.noTempWrap {
    display: none;
    position: absolute;
    top: 45%;
    left: 50%;
    margin-left: -248px;
    margin-top: -269px;
    width: 496px;
    height: 538px;
}

    .noTempWrap img {
        width: inherit;
        height: inherit;
    }

.tempContainer .tempList {
    overflow: hidden;
}

@-webkit-keyframes show {
    0% {
        transform: rotate(-90deg);
    }

    100% {
        transform: rotate(0deg);
    }
}

@-moz-keyframes show {
    0% {
        transform: rotate(-90deg);
    }

    100% {
        transform: rotate(0deg);
    }
}

@keyframes show {
    0% {
        transform: rotate(-90deg);
    }

    100% {
        transform: rotate(0deg);
    }
}

.tempList li {
    float: left;
    width: 242px;
    height: 384px;
    margin: 0 12px 60px 13px;
    position: relative;
    box-shadow: 0 1px 4px 0 rgba(0,0,0,.15),-1px -1px 1px 0 #E4E4E4;
    transform-origin: bottom left;
    -webkit-transition: all .4s;
    -moz-transition: all .4s;
    -o-transition: all .4s;
    transition: all .4s;
}

    .tempList li:hover {
        box-shadow: 0 10px 24px 0 rgba(0,0,0,.3);
    }

    .tempList li .tempBox {
        position: relative;
        width: 242px;
        height: 342px;
        overflow: hidden;
    }

        .tempList li .tempBox img {
            -webkit-transition: all 1s;
            -moz-transition: all 1s;
            -o-transition: all 1s;
            transition: all 1s;
        }

        .tempList li .tempBox .tempMask {
            display: none;
            position: absolute;
            left: 0;
            top: 0;
            width: 100%;
            height: inherit;
            background-color: rgba(0,0,0,.62);
            z-index: 3;
        }

            .tempList li .tempBox .tempMask label {
                position: relative;
                display: block;
                width: 80px;
                height: 92px;
                margin: 139px auto 0;
                cursor: pointer;
                z-index: 4;
            }

            .tempList li .tempBox .tempMask a {
                position: absolute;
                width: 65px;
                height: 65px;
                margin-left: 50%;
                left: -32px;
            }

            .tempList li .tempBox .tempMask .buy {
                background-position: 0 -43px;
            }

            .tempList li .tempBox .tempMask .use {
                background-position: -65px -43px;
            }

            .tempList li .tempBox .tempMask label p {
                position: relative;
                top: 79px;
                width: inherit;
                height: 14px;
                margin-top: 13px;
                font-size: 13px;
                color: #fff;
                text-align: center;
            }

    .tempList li .tempMenu {
        padding: 0 9px;
        width: 224px;
        height: 41px;
        line-height: 41px;
        background-color: #fff;
        border-top: #ECECEC 1px solid;
        font-size: 13px;
    }

        .tempList li .tempMenu .tempName {
            width: 50%;
            float: left;
        }

        .tempList li .tempMenu .favorite {
            float: right;
            width: 50%;
            text-align: right;
        }

        .tempList li .tempMenu .favorTips {
            font-size: 12px;
            color: #999;
            display: none;
        }

        .tempList li .tempMenu .favorIcon {
            position: relative;
            top: 1px;
            width: 15px;
            height: 15px;
            background-position: -90px -27px;
            margin-left: 10px;
        }

.addFavor {
    background-position: -105px -27px !important;
}

.tempList li .price {
    position: absolute;
    top: 8px;
    right: 7px;
    height: 23px;
    color: #fff;
    -webkit-border-radius: 12px;
    -moz-border-radius: 12px;
    border-radius: 12px;
    line-height: 23px;
    padding: 0 16px;
    z-index: 2;
}

.tempList li .five {
    background-color: #F857A6;
}

    .tempList li .five span {
        color: #D71976;
    }

.tempList li .two {
    background-color: #F46F35;
}

    .tempList li .two span {
        color: #CC3F1A;
    }

.tempList li .free {
    background-color: #26D09E;
    text-align: center;
    padding: 0 12px;
}

.foot .sizer {
    float: left;
    position: relative;
    top: 1px;
    height: 60px;
    line-height: 60px;
    color: #8F8E8E;
}

    .foot .sizer li {
        float: left;
        position: relative;
        height: inherit;
        text-align: center;
        font-size: 14px;
        cursor: pointer;
    }

        .foot .sizer li .leftIcon {
            width: 12px;
            height: 10px;
            margin-left: 60px;
            margin-right: 25px;
        }

        .foot .sizer li .rightArrow {
            -webkit-transition: all .4s;
            -moz-transition: all .4s;
            -o-transition: all .4s;
            transition: all .4s;
        }

        .foot .sizer li .lineBetween {
            color: #E7E7E7;
        }

        .foot .sizer li .arrayOrder {
            background-position: -130px 0;
        }

        .foot .sizer li .colNumber {
            background-position: -130px -10px;
        }

        .foot .sizer li .priceFilter {
            width: 11px;
            height: 12px;
            background-position: -130px -20px;
        }

        .foot .sizer li .colorFilter {
            width: 15px;
            height: 13px;
            background-position: -130px -32px;
        }

        .foot .sizer li .rightArrow {
            width: 7px;
            height: 6px;
            margin-left: 25px;
            margin-right: 50px;
            background-position: -89px 0;
        }

        .foot .sizer li .sortMenu {
            display: none;
            position: absolute;
            width: 120px;
            cursor: default;
            background-color: #fff;
            -webkit-box-shadow: 0 2px 4px 0 rgba(0,0,0,.2);
            -moz-box-shadow: 0 2px 4px 0 rgba(0,0,0,.2);
            box-shadow: 0 2px 4px 0 rgba(0,0,0,.2);
        }

            .foot .sizer li .sortMenu ul li {
                width: 120px;
                height: 39px;
                border-bottom: 1px solid #E7E7E7;
            }

            .foot .sizer li .sortMenu li a {
                display: block;
                width: inherit;
                height: inherit;
                text-align: center;
                line-height: 39px;
                font-size: 13px;
                color: #AFAFAF;
                -webkit-transition: all .2s;
                -moz-transition: all .2s;
                -o-transition: all .2s;
                transition: all .2s;
            }

                .foot .sizer li .sortMenu li a:hover {
                    color: #42A5FF;
                }

        .foot .sizer li .menu1 {
            bottom: 50px;
            left: 71px;
            height: 80px;
        }

        .foot .sizer li .menu2 {
            bottom: 50px;
            left: 75px;
            height: 80px;
        }

        .foot .sizer li .menu3 {
            bottom: 50px;
            left: 54px;
            height: 120px;
        }

        .foot .sizer li .menu4 {
            bottom: 50px;
            left: 48px;
            padding: 10px;
            height: 48px;
        }

            .foot .sizer li .menu4 ul li {
                position: relative;
                float: left;
                width: 30px;
                height: 24px;
                border: none;
                line-height: 24px;
                z-index: 1;
            }

                .foot .sizer li .menu4 ul li a {
                    width: inherit;
                    height: inherit;
                    -webkit-transition: all .2s;
                    -moz-transition: all .2s;
                    -o-transition: all .2s;
                    transition: all .2s;
                }

                    .foot .sizer li .menu4 ul li a:hover {
                        transform: scale(1.4);
                    }

            .foot .sizer li .menu4 ul .all a {
                font-size: 12px;
                line-height: 24px;
                color: #42A5FF;
                -webkit-transition: background-color,color .2s;
                -moz-transition: background-color,color .2s;
                -o-transition: background-color,color .2s;
                transition: background-color,color .2s;
            }

                .foot .sizer li .menu4 ul .all a:hover {
                    background-color: #42A5FF;
                    color: #fff;
                }

            .foot .sizer li .menu4 .red {
                background-color: #FF6363;
            }

            .foot .sizer li .menu4 .orange {
                background-color: #FFC662;
            }

            .foot .sizer li .menu4 .yellow {
                background-color: #FFE991;
            }

            .foot .sizer li .menu4 .green {
                background-color: #7DDB5D;
            }

            .foot .sizer li .menu4 .blue {
                background-color: #64A6FF;
            }

            .foot .sizer li .menu4 .deepBlue {
                background-color: #4C6089;
            }

            .foot .sizer li .menu4 .gray {
                background-color: #B2B2B2;
            }

.foot .rightPart {
    position: relative;
    top: 15px;
    float: right;
    margin-right: 60px;
    width: 145px;
    height: 30px;
}

    .foot .rightPart .switchEn {
        position: relative;
        float: left;
        width: 80px;
        height: inherit;
        background-color: #DEDFDF;
        color: #A5ABAE;
        font-size: 13px;
        overflow: hidden;
        cursor: pointer;
        -webkit-border-radius: 40px;
        -moz-border-radius: 40px;
        border-radius: 40px;
        -webkit-transition: all .2s;
        -moz-transition: all .2s;
        -o-transition: all .2s;
        transition: all .2s;
    }

.addGreenBg {
    background-color: #3CDC80 !important;
    color: #fff !important;
}

.foot .rightPart .switchEn p {
    display: inline-block;
    position: absolute;
    left: -50px;
    width: 133px;
    height: inherit;
    line-height: 30px;
    text-align: center;
    text-indent: 5px;
}

.foot .rightPart .switchEn button {
    position: relative;
    top: -2px;
    display: inline-block;
    width: 24px;
    height: 24px;
    background-color: #3CDC80;
    margin: 0 13px;
    vertical-align: middle;
    cursor: pointer;
    -webkit-border-radius: 50%;
    -moz-border-radius: 50%;
    border-radius: 50%;
    -webkit-transition: all .2s;
    -moz-transition: all .2s;
    -o-transition: all .2s;
    transition: all .2s;
}

.btnAdd {
    background-color: #fff !important;
}

.foot .rightPart .switchEn p span {
    position: relative;
    left: -5px;
}

.tips {
    position: fixed;
    width: 23px;
    height: 23px;
    background-position: -183px -22px;
    background-color: #CFCFCF;
    -webkit-border-radius: 50%;
    -moz-border-radius: 50%;
    border-radius: 50%;
}

.selection .foot .tips {
    bottom: 72px;
    right: 14px;
}

@-webkit-keyframes breath {
    50% {
        background-color: #FFD409;
    }
}

@-moz-keyframes breath {
    50% {
        background-color: #FFD409;
    }
}

@keyframes breath {
    50% {
        background-color: #FFD409;
    }
}

.addAnimate {
    -webkit-animation: breath 3s linear 0s infinite;
    -moz-animation: breath 3s linear 0s infinite;
    animation: breath 3s linear 0s infinite;
}

.foot .rightPart .collectStar {
    position: relative;
    top: 4px;
    left: 43px;
    width: 22px;
    height: 21px;
    background-position: -464px -129px;
}

    .foot .rightPart .collectStar span {
        position: absolute;
        top: -11px;
        left: 15px;
        padding: 0 6px;
        background-color: #FF6D6D;
        color: #fff;
        line-height: 15px;
        text-align: center;
        -webkit-border-radius: 10px;
        -moz-border-radius: 10px;
        border-radius: 10px;
    }

.selection .blurWrap {
    z-index: 9;
}

.selection .myCollectWrap {
    display: none-;
    position: fixed;
    top: 100%;
    left: 0;
    width: 100%;
    height: 100%;
    background-color: #E6E6E6;
    overflow: auto;
    -webkit-transition: all .6s ease-out;
    -moz-transition: all .6s ease-out;
    -o-transition: all .6s ease-out;
    transition: all .6s ease-out;
    z-index: 10;
}

    .selection .myCollectWrap .myCollectOptionsWrap {
        position: relative;
        height: 68px;
    }

.myCollectWrap .myCollectOptionsWrap > ul {
    width: 288px;
    height: inherit;
    margin: 0 auto;
}

    .myCollectWrap .myCollectOptionsWrap > ul li {
        float: left;
        width: 90px;
        height: inherit;
        margin: 0 27px;
    }

        .myCollectWrap .myCollectOptionsWrap > ul li a {
            display: block;
            width: inherit;
            height: 66px;
            border-bottom: 2px solid transparent;
            text-align: center;
            line-height: 66px;
            font-size: 13px;
            letter-spacing: 1px;
            color: #A8A8A8;
            -webkit-transition: all .5s;
            -moz-transition: all .5s;
            -o-transition: all .5s;
            transition: all .5s;
        }

            .myCollectWrap .myCollectOptionsWrap > ul li a:hover {
                color: #fff;
                border-bottom: 2px solid #42A5FF;
            }

.myCollectWrap .myCollectOptionsWrap p {
    position: absolute;
    top: 19px;
    right: 10%;
    width: 280px;
    height: 30px;
}

    .myCollectWrap .myCollectOptionsWrap p a {
        position: relative;
        display: inline-block;
        width: 132px;
        height: inherit;
        background-color: #3CDC80;
        color: #fff;
        font-size: 13px;
        text-align: center;
        line-height: 30px;
        margin: 0 3px;
        -webkit-border-radius: 4px;
        -moz-border-radius: 4px;
        border-radius: 4px;
    }

        .myCollectWrap .myCollectOptionsWrap p a i {
            position: absolute;
            top: 12px;
            right: 10px;
            width: 7px;
            height: 6px;
            background-position: -232px -37px;
        }

.myCollectWrap .myCollectOptionsWrap .hideMyCollect {
    position: absolute;
    top: 21px;
    right: 5%;
    width: 25px;
    height: 26px;
    background-position: -3px -392px;
}

.myCollectWrap .myCollectJobList {
    width: 1180px;
    margin: 35px auto;
    overflow: hidden;
}

    .myCollectWrap .myCollectJobList li {
        width: inherit;
        height: 80px;
        background-color: #fff;
        margin-bottom: 10px;
        -webkit-border-radius: 3px;
        -moz-border-radius: 3px;
        border-radius: 3px;
    }

.guideBox, .guideBoxAL {
    position: absolute;
    width: 243px;
    height: 70px;
    line-height: 61px;
    color: #DDAA3D;
    font-size: 14px;
}

.popBg1 {
    background-position: -130px -45px;
}

.popBg2 {
    background-position: -130px -115px;
    line-height: 76px;
    text-indent: 59px;
}

.selection .foot .guide1 {
    top: -72px;
    right: 350px;
    text-indent: 68px;
}

.selection .foot .guide2 {
    top: -70px;
    right: -15px;
    text-indent: 53px;
}

.outline {
    outline: #ff4500 dotted 1px;
}

.user-page body {
    background-color: #f1f1f1;
}

.resumeContainer {
    height: 370px;
    background: url(../images/resumeListBg.jpg) center center no-repeat;
    background-size: cover;
    padding-top: 60px;
    padding-bottom: 10px;
    margin-bottom: 29px;
}

.resumeList {
    position: relative;
    margin: 0 auto;
    -webkit-transition: all .5s;
    -moz-transition: all .5s;
    -o-transition: all .5s;
    transition: all .5s;
}

.lessThanFour {
    width: 996px;
}

.moreThanFour {
    width: 1138px;
}

.unfurl {
    display: none;
    position: absolute;
    right: 0;
    top: 140px;
    width: 70px;
    height: 70px;
    border: 1px solid rgba(255,255,255,.3);
    -webkit-border-radius: 50%;
    -moz-border-radius: 50%;
    border-radius: 50%;
    -webkit-transition: background-color .5s;
    -moz-transition: background-color .5s;
    -o-transition: background-color .5s;
    transition: background-color .5s;
}

    .unfurl:hover {
        background-color: rgba(255,255,255,.18);
    }

.changeToClose {
    position: fixed;
    width: 29px;
    height: 29px;
    border: 3px solid #fff;
    top: 5%;
    right: 10%;
}

.closeUnfurlVer1, .popWindow .seeAllTempWrap .switch i, .popWindow .userCenterTempPreviewWrap .switch i {
    position: relative;
    top: 18px;
    left: 29px;
    width: 17px;
    height: 34px;
    background-position: -167px -354px;
}

.closeUnfurlVer2 {
    position: relative;
    top: 8px;
    left: 8px;
    width: 13px;
    height: 14px;
    background-position: -300px -28px;
}

.resumeList li {
    position: relative;
    float: left;
    width: 209px;
    height: 350px;
    margin: 24px 20px 0;
}

    .resumeList li .imgBox {
        position: absolute;
        width: 209px;
        height: 295px;
        background-color: #fff;
        box-shadow: 0 2px 5px 0 rgba(0,0,0,.35);
        overflow: hidden;
        z-index: 1;
    }

        .resumeList li .imgBox img {
            width: 209px;
            height: 295px;
        }

    .resumeList li .optionsWrap {
        display: none;
        position: absolute;
        top: 0;
        left: 0;
        width: 418px;
        height: inherit;
    }

        .resumeList li .optionsWrap > div {
            float: left;
            width: 50%;
            height: inherit;
        }

        .resumeList li .optionsWrap .optionsList {
            background-color: rgba(0,0,0,.5);
        }

            .resumeList li .optionsWrap .optionsList ul {
                width: 182px;
                height: 182px;
                padding: 56px 13px;
            }

                .resumeList li .optionsWrap .optionsList ul li {
                    float: left;
                    width: 77px;
                    height: 77px;
                    margin: 5px;
                    border: 2px solid transparent;
                    color: silver;
                    -webkit-border-radius: 10px;
                    -moz-border-radius: 10px;
                    border-radius: 10px;
                    -webkit-transition: all .2s;
                    -moz-transition: all .2s;
                    -o-transition: all .2s;
                    transition: all .2s;
                    cursor: pointer;
                }

                    .resumeList li .optionsWrap .optionsList ul li:hover {
                        border-color: rgba(255,255,255,.3);
                        color: #fff;
                    }

                    .resumeList li .optionsWrap .optionsList ul li p {
                        position: relative;
                        bottom: 9px;
                        font-size: 14px;
                        line-height: 14px;
                        text-align: center;
                        height: 14px;
                    }

                    .resumeList li .optionsWrap .optionsList ul li .see {
                        width: 32px;
                        height: 25px;
                        background-position: -259px 0;
                        margin: 11px 22px 18px;
                    }

                    .popWindow .userCenterTempPreviewWrap .userCenterTempOptions li .download, .resumeList li .optionsWrap .optionsList ul li .download {
                        width: 22px;
                        height: 26px;
                        background-position: -291px 0;
                        margin: 11px 27px 17px;
                    }

                    .popWindow .userCenterTempPreviewWrap .userCenterTempOptions li .edit, .resumeList li .optionsWrap .optionsList ul li .edit {
                        width: 25px;
                        height: 25px;
                        background-position: -313px 0;
                        margin: 11px 26px 18px;
                    }

                    .popWindow .userCenterTempPreviewWrap .userCenterTempOptions li .delete, .resumeList li .optionsWrap .optionsList ul li .delete {
                        width: 20px;
                        height: 25px;
                        background-position: -338px 0;
                        margin: 11px 28px 18px;
                    }

        .resumeList li .optionsWrap .optionDelete {
            position: relative;
            color: #fff;
            background-color: rgba(255,18,0,.8);
            text-align: center;
            font-size: 14px;
        }

            .resumeList li .optionsWrap .optionDelete i {
                width: 20px;
                height: 25px;
                background-position: -338px 0;
                margin: 115px auto 18px;
            }

            .resumeList li .optionsWrap .optionDelete a {
                position: absolute;
                bottom: 0;
                display: inline-block;
                width: 50%;
                height: 35px;
                line-height: 34px;
                color: #fff;
                -webkit-transition: all .2s;
                -moz-transition: all .2s;
                -o-transition: all .2s;
                transition: all .2s;
            }

                .resumeList li .optionsWrap .optionDelete a:hover {
                    background-color: rgba(0,0,0,.5);
                }

            .resumeList li .optionsWrap .optionDelete .deleteBtn {
                left: 0;
            }

            .resumeList li .optionsWrap .optionDelete .cancel {
                right: 0;
            }

    .resumeList li .imgBox .operaMenu {
        display: none;
        position: absolute;
        bottom: 10px;
        right: 10px;
        width: 40px;
        height: 40px;
        background-color: rgba(0,0,0,.7);
        cursor: pointer;
        z-index: 3;
    }

        .resumeList li .imgBox .operaMenu a {
            position: relative;
            top: 9px;
            left: 9px;
            width: 22px;
            height: 22px;
            background-position: -237px -13px;
        }

.resumeList > li > p {
    position: absolute;
    bottom: 18px;
    width: 100%;
    height: 26px;
    color: #fff;
    font-size: 17px;
    line-height: 22px;
    text-align: center;
    word-break: break-all;
}

.resumeList li .makeNew {
    width: 203px;
    height: 289px;
    border: 3px dashed #fff;
    cursor: pointer;
}

    .resumeList li .makeNew:hover a {
        background-color: rgba(255,255,255,.4);
    }

    .resumeList li .makeNew a {
        position: relative;
        display: block;
        width: 95px;
        height: 95px;
        margin: 60px auto;
        border: 1px solid rgba(255,255,255,.4);
        background-color: rgba(255,255,255,.2);
        -webkit-border-radius: 50%;
        -moz-border-radius: 50%;
        border-radius: 50%;
        -webkit-transition: all .5s;
        -moz-transition: all .5s;
        -o-transition: all .5s;
        transition: all .5s;
        z-index: 2;
    }

        .myWord-cart-wrap .alreadyDone #pickNew a i, .resumeList li .makeNew a i {
            position: absolute;
            top: 27px;
            left: 27px;
            width: 41px;
            height: 41px;
            background-position: -191px -351px;
        }

    .resumeList li .makeNew + p {
        position: absolute;
        line-height: 1.3em;
        top: 50%;
        left: 50%;
        margin-top: 10px;
        margin-left: -42px;
        width: 84px;
        height: 60px;
        letter-spacing: 2px;
        cursor: pointer;
        z-index: 1;
    }

.jobContainer {
    width: 1182px;
    margin: 0 auto;
    padding-bottom: 80px;
}

    .jobContainer .jobWrap {
        width: 872px;
        float: left;
        margin-right: 28px;
    }

    .jobContainer .adArea {
        float: left;
        width: 280px;
        height: 480px;
        border: 1px solid #E8E8E8;
    }

    .jobContainer .jobWrap .jobList li {
        width: 841px;
        height: 100px;
        padding-left: 29px;
        border: 1px solid #E8E8E8;
        margin-bottom: 8px;
        background-color: #fff;
        color: #B8B8B8;
    }

        .jobContainer .jobWrap .jobList li h2 {
            float: left;
            display: inline-block;
            color: #42A5FF;
            font-size: 20px;
            font-weight: 400;
            height: 48px;
            line-height: 72px;
        }

            .jobContainer .jobWrap .jobList li h2 a {
                color: #42A5FF;
                font-size: 20px;
                font-weight: 400;
                height: 48px;
                line-height: 72px;
            }

            .jobContainer .jobWrap .jobList li h2 p {
                display: inline-block;
                color: #C3C3C3;
                font-size: 13px;
                margin-left: 10px;
            }

                .jobContainer .jobWrap .jobList li h2 p i {
                    width: 13px;
                    height: 16px;
                    background-position: -167px -28px;
                    margin-right: 6px;
                }

                .jobContainer .jobWrap .jobList li h2 p span {
                    position: relative;
                    top: -3px;
                }

        .jobContainer .jobWrap .jobList li strong {
            display: inline-block;
            height: 54px;
            font-weight: 400;
            font-size: 17px;
            clear: left;
            float: left;
            line-height: 27px;
            margin-right: 48px;
            color: #42A5FF;
        }

    .jobContainer .jobWrap .jobList .first {
        line-height: 100px;
    }

        .jobContainer .jobWrap .jobList .first h2 {
            float: left;
            color: #42A5FF;
            font-size: 20px;
            margin-right: 21px;
            font-weight: 400;
            line-height: 97px;
        }

        .jobContainer .jobWrap .jobList .first p {
            float: left;
            width: 220px;
            color: #B8B8B8;
            font-size: 18px;
        }

        .jobContainer .jobWrap .jobList .first a {
            float: right;
            margin-right: 30px;
            display: inline-block;
            width: 95px;
            color: #B8B8B8;
            font-size: 18px;
        }

.myWord-cart-wrap {
    width: 1200px;
    margin: 0 auto 30px;
    overflow: hidden;
}

    .myWord-cart-wrap .filter {
        width: 1180px;
        margin: 0 auto 17px;
        border-bottom: 1px solid #E0E0E0;
        overflow: hidden;
    }

        .myWord-cart-wrap .filter li {
            float: left;
            display: inline-block;
            height: 34px;
            font-size: 16px;
            margin-right: 30px;
            cursor: pointer;
            color: #7D7D7D;
            line-height: 20px;
        }

            .myWord-cart-wrap .filter li.focus {
                color: #FA9528;
            }

            .myWord-cart-wrap .filter li i {
                width: 23px;
                height: 23px;
                background-position: -74px -395px;
                float: left;
                margin-right: 5px;
            }

    .myWord-cart-wrap .tabWrap {
        width: inherit;
        margin: 0 auto;
    }

        .myWord-cart-wrap .tabWrap > li {
            width: inherit;
            overflow: hidden;
        }

        .myWord-cart-wrap .tabWrap ul {
            overflow: hidden;
        }

    .myWord-cart-wrap .alreadyDone #pickNew {
        position: relative;
        width: 214px;
        height: 346px;
        border: 3px dashed #D8D8D8;
        background-color: #F1F1F1;
        box-shadow: none;
    }

        .myWord-cart-wrap .alreadyDone #pickNew::after, .myWord-cart-wrap .alreadyDone #pickNew:after {
            content: "";
            position: absolute;
            top: 65px;
            left: 59px;
            width: 95px;
            height: 95px;
            border: 1px solid rgba(255,255,255,.4);
            background-color: rgba(138,138,138,.45);
            -webkit-border-radius: 50%;
            -moz-border-radius: 50%;
            border-radius: 50%;
            z-index: 1;
        }

        .myWord-cart-wrap .alreadyDone #pickNew a {
            width: inherit;
            height: inherit;
        }

            .myWord-cart-wrap .alreadyDone #pickNew a::before, .myWord-cart-wrap .alreadyDone #pickNew a:before {
                content: "点击挑选新的word简历";
                position: relative;
                top: 200px;
                display: block;
                text-align: center;
                color: #A8A8A8;
                font-size: 13px;
                z-index: 2;
            }

            .myWord-cart-wrap .alreadyDone #pickNew a i {
                top: 94px;
                left: 87px;
                z-index: 3;
            }

    .myWord-cart-wrap .alreadyDone .download {
        float: right;
        position: relative;
        top: 3px;
        right: -5px;
        display: inline-block;
        width: 50px !important;
        height: 32px !important;
        background-color: #25C75B;
        text-align: center;
        text-indent: 4px;
        line-height: 31px;
        color: #FFF;
        font-size: 14px;
        cursor: pointer;
        -webkit-border-radius: 16px 0 0 16px;
        -moz-border-radius: 16px 0 0 16px;
        border-radius: 16px 0 0 16px;
    }

        .myWord-cart-wrap .alreadyDone .download::before, .myWord-cart-wrap .alreadyDone .download:before {
            position: absolute;
            top: -5px;
            left: 45px;
            content: "";
            width: 0;
            height: 0;
            border-bottom: 5px solid #07B541;
            border-right: 5px solid transparent;
        }

    .myWord-cart-wrap table {
        width: 1160px !important;
    }

        .myWord-cart-wrap table td {
            border-bottom: 23px solid #F1F1F1 !important;
        }

    .myWord-cart-wrap p.emptyCart {
        display: none;
        width: 100%;
        height: 80px;
        font-size: 20px;
        line-height: 78px;
        text-align: center;
        color: #7D7D7D;
    }

        .myWord-cart-wrap p.emptyCart a {
            color: #42A5FF;
        }

    .myWord-cart-wrap .profile h1 {
        background-color: #00a0e9;
        color: #fff;
        width: 120px;
        padding: 5px;
        text-align: center;
        border-radius: 10px;
        font-size: 18px;
        font-weight: 100;
        float: left;
        margin-bottom: 10px;
    }

    .myWord-cart-wrap .profile .code ul {
        float: left;
        width: 1180px;
        padding-bottom: 20px;
        margin-bottom: 20px;
        border-bottom: solid #ddd 1px;
    }

        .myWord-cart-wrap .profile .code ul li {
            float: left;
            margin: 5px 0;
        }

    .myWord-cart-wrap .profile .code .p_code {
        background: url(../images/code.png) no-repeat;
        width: 585px;
        height: 134px;
        position: relative;
    }

    .myWord-cart-wrap .profile .code .p_money {
        background: url(../images/money.png) no-repeat;
        width: 585px;
        height: 134px;
        position: relative;
    }

    .myWord-cart-wrap .profile .code .p_discount {
        background: url(../images/dis.png) no-repeat;
        width: 585px;
        height: 134px;
        position: relative;
    }

    .myWord-cart-wrap .profile .code .no_profile {
        background: url(../images/no-profile.png) no-repeat;
        width: 649px;
        height: 134px;
        position: relative;
        background-size: cover;
    }

    .myWord-cart-wrap .profile .code .p_code .code_span {
        position: absolute;
        margin-left: 250px;
        margin-top: 62px;
        font-size: 30px;
        color: #5ee165;
    }

    .myWord-cart-wrap .profile .code .p_money .money_span {
        position: absolute;
        margin-left: 270px;
        margin-top: 62px;
        font-size: 30px;
        color: #fff;
    }

    .myWord-cart-wrap .profile .code .p_money .pro_date {
        position: absolute;
        margin-left: 400px;
        margin-top: 40px;
        color: #fff;
        font-size: 16px;
    }

        .myWord-cart-wrap .profile .code .p_money .pro_date div {
            margin-bottom: 20px;
        }

    .myWord-cart-wrap .profile .code .p_discount .money_span {
        position: absolute;
        margin-left: 240px;
        margin-top: 62px;
        font-size: 30px;
        color: #fff;
    }

    .myWord-cart-wrap .profile .code .p_discount .pro_date {
        position: absolute;
        margin-left: 400px;
        margin-top: 40px;
        color: #fff;
        font-size: 16px;
    }

        .myWord-cart-wrap .profile .code .p_discount .pro_date div {
            margin-bottom: 20px;
        }

    .myWord-cart-wrap .profile .code .p_code .pro_date {
        position: absolute;
        margin-left: 420px;
        margin-top: 45px;
        color: #AFADAD;
        font-size: 16px;
    }

        .myWord-cart-wrap .profile .code .p_code .pro_date div {
            margin-bottom: 20px;
        }

            .myWord-cart-wrap .profile .code .p_code .pro_date div span {
                color: #F86363;
            }

.time-line {
    color: #757575;
    font-size: 17px;
    font-weight: 400;
    line-height: 36px;
}

    .time-line li {
        float: left;
        margin-right: 10px;
    }

        .time-line li a {
            display: block;
            float: left;
            width: 26px;
            height: 36px;
        }

            .time-line li a i {
                width: 17px;
                height: 17px;
                background-position: -272px -400px;
                margin-right: 6px;
                position: relative;
                top: 6%;
            }

                .time-line li a i.choose {
                    width: 17px;
                    height: 17px;
                    background-position: -253px -400px;
                    margin-right: 6px;
                    position: relative;
                    top: 6%;
                }

.img .img_li {
    height: 100%;
    display: none;
    background-color: #fff;
    position: relative;
    zoom: 1;
}

.img .img_liBox {
    margin-bottom: 45px;
    text-align: left;
}

.resumeCon {
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    float: left;
    width: 790px;
    background-color: #fff;
    position: relative;
    zoom: 1;
}

.reset .resetWrap .resetForm li div, .start .startWrap .startFormWrap li div {
    position: absolute;
    z-index: 1;
    width: 488px;
    height: 31px;
    border: 2px solid #DFDFDF;
    background-color: #fff;
}

    .reset .resetWrap .resetForm li div label, .start .startWrap .startFormWrap li div label {
        display: block;
        width: inherit;
        height: inherit;
    }

        .reset .resetWrap .resetForm li div label p, .start .startWrap .startFormWrap li div p {
            float: left;
            display: inline-block;
            width: 93px;
            height: inherit;
            border-right: 2px solid #DFDFDF;
            text-align: center;
            line-height: 31px;
            color: #7A7E84;
            font-size: 15px;
        }

        .reset .resetWrap .resetForm li div label input, .start .startWrap .startFormWrap li div label input {
            float: left;
            display: inline-block;
            width: 381px;
            padding-left: 12px;
            height: 31px;
            color: #9C9C9C;
            font-size: 13px;
        }

.reset .resetWrap {
    width: 1180px;
    height: 415px;
    padding-top: 69px;
    margin: 0 auto;
}

    .reset .resetWrap .resetTitle {
        font-weight: 400;
        font-size: 18px;
        height: 55px;
        line-height: 71px;
        border-bottom: 1px solid #E2E2E2;
        color: #8B8B8B;
        margin-bottom: 112px;
    }

    .reset .resetWrap .resetForm {
        width: 492px;
        height: 180px;
        margin: 0 auto 20px;
    }

        .reset .resetWrap .resetForm li {
            width: inherit;
            height: 35px;
            margin-bottom: 25px;
        }

            .reset .resetWrap .resetForm li div label .lastInput {
                width: 347px;
            }

            .reset .resetWrap .resetForm li div label .seePassBtn {
                float: left;
                display: inline-block;
                width: 34px;
                height: 31px;
                cursor: pointer;
            }

                .reset .resetWrap .resetForm li div label .seePassBtn a {
                    width: 19px;
                    height: 12px;
                    background-position: -213px 0;
                    margin: 9px 7px 10px 8px;
                }

.start .foot {
    border-top: 1px solid #E4E4E4;
}

.start .startWrap {
    position: absolute;
    top: 45%;
    left: 50%;
    margin-left: -285px;
    margin-top: -300px;
    width: 571px;
    height: 810px;
}

    .start .startWrap h1, .start .startWrap strong {
        text-align: center;
        color: #A0A0A0;
        font-weight: 400;
        letter-spacing: 4px;
    }

    .start .startWrap h1 {
        font-size: 54px;
        margin-bottom: 7px;
        color: #000;
        font-family: webfont-thin;
    }

    .start .startWrap strong {
        display: inline-block;
        width: 100%;
        font-size: 16px;
        margin-bottom: 20px;
        font-family: webfont-bold;
    }

    .start .startWrap .startFormWrap {
        position: relative;
        width: 569px;
        height: 370px;
        border: 1px solid #DDD;
        background-color: #fff;
        box-shadow: 0 9px 15px 0 rgba(1,0,0,.1);
    }

    .start .startWrap .scanTip {
        text-align: center;
        margin: 30px auto;
    }

        .start .startWrap .scanTip a {
            color: #3cdc80;
            font-size: 20px;
            margin: 5px;
        }

        .start .startWrap .scanTip span {
            font-weight: 700;
            color: #7C7575;
            font-size: 15px;
            line-height: 27px;
        }

    .start .startWrap .startFormWrap > ul {
        width: 492px;
        height: 275px;
        margin: 34px auto 0;
    }

        .start .startWrap .startFormWrap > ul > li {
            width: inherit;
            height: 35px;
            margin-bottom: 20px;
        }

    .start .startWrap .startFormWrap .hideMenu {
        display: none;
        position: absolute;
        right: 39px;
        width: 393px;
        height: 150px;
        background-color: #fff;
        border: 2px solid #DDD;
        z-index: 3;
        overflow: auto;
    }

    .start .startWrap .startFormWrap .hideMenu1 {
        top: 177px;
    }

    .start .startWrap .startFormWrap .hideMenu2 {
        top: 232px;
    }

    .start .startWrap .startFormWrap .hideMenu li {
        height: 30px;
        line-height: 30px;
        font-size: 13px;
        color: #6C6C6C;
        text-indent: 10px;
        cursor: pointer;
        -webkit-transition: all .2s;
        -moz-transition: all .2s;
        -o-transition: all .2s;
        transition: all .2s;
    }

        .start .startWrap .startFormWrap .hideMenu li:hover {
            background-color: #42A5FF;
            color: #fff;
        }

    .start .startWrap .startFormWrap li:nth-child(1) input::-webkit-input-placeholder {
        color: #ff4500;
    }

    .start .startWrap .startFormWrap li:nth-child(1) input:-ms-input-placeholder {
        color: #ff4500;
    }

    .start .startWrap .startFormWrap li:nth-child(1) input::-ms-input-placeholder {
        color: #ff4500;
    }

    .start .startWrap .startFormWrap li:nth-child(1) input::-moz-placeholder {
        color: #ff4500;
    }

    .start .startWrap .startFormWrap li:nth-child(1) input:-moz-placeholder {
        color: #ff4500;
    }

    .resetWrap .next, .start .startWrap .startFormWrap .next {
        display: block;
        width: 320px;
        height: 45px;
        color: #fff;
        line-height: 45px;
        text-align: center;
        font-size: 16px;
        background-color: #3CDC80;
        margin: 0 auto;
        cursor: pointer;
    }

.regMention {
    height: 538px;
    overflow: hidden;
    position: relative;
    display: none;
}

    .regMention p {
        width: 500px;
        height: 57px;
        margin: 350px auto 0;
        font-size: 16px;
        line-height: 57px;
        overflow: hidden;
        text-align: center;
    }

        .regMention p a {
            color: green;
            font-size: 20px;
        }

.regQqQuestion {
    width: 30px;
    height: 30px;
}

.actWrap {
    width: 1220px;
    margin: 0 auto;
    padding-top: 83px;
    padding-bottom: 80px;
}

.activity .blurWrap .noActivityWrap {
    display: none;
    position: absolute;
    top: 50%;
    left: 50%;
    margin-top: -227px;
    margin-left: -296px;
    width: 593px;
    height: 455px;
}

    .activity .blurWrap .noActivityWrap img {
        width: inherit;
        height: inherit;
    }

.actWrap .actList {
    width: inherit;
    overflow: hidden;
}

    .actWrap .actList li {
        float: left;
        margin: 10px;
        width: 580px;
        height: 265px;
        -webkit-border-radius: 7px;
        -moz-border-radius: 7px;
        border-radius: 7px;
        background-color: #fff;
        box-shadow: 3px 3px 5px 0 #dddbdb;
    }

        .actWrap .actList li .actShortCut {
            height: 210px;
            background-color: #4CC5FE;
            -webkit-border-radius: 7px 7px 0 0;
            -moz-border-radius: 7px 7px 0 0;
            border-radius: 7px 7px 0 0;
        }

            .actWrap .actList li .actShortCut a {
                display: block;
                width: 100%;
                height: 100%;
            }

        .actWrap .actList li .actIntro {
            height: 55px;
            color: #A5ABAE;
        }

            .actWrap .actList li .actIntro .actName {
                float: left;
                width: 370px;
                margin-left: 20px;
                font-size: 18px;
                line-height: 55px;
                overflow: hidden;
                white-space: nowrap;
                text-overflow: ellipsis;
            }

            .actWrap .actList li .actIntro .actCountTime {
                float: right;
                margin-right: 20px;
                font-size: 14px;
                line-height: 53px;
            }

                .actWrap .actList li .actIntro .actCountTime i {
                    position: relative;
                    top: 5px;
                    right: 10px;
                    width: 23px;
                    height: 23px;
                    background-position: -213px -12px;
                }

                .actWrap .actList li .actIntro .actCountTime span {
                    position: relative;
                    top: 1px;
                    color: #FFA842;
                    font-size: 18px;
                }

.make body {
    background-color: #E6E6E6;
    min-width: 1200px;
    overflow: auto;
}

.make .foot {
    border-top: 1px solid #EDECED;
    height: 60px;
    bottom: 0;
    z-index: 3;
}

@-webkit-keyframes rotateSaveBtn {
    0% {
        -webkit-transform: rotate(0deg);
        transform: rotate(0deg);
    }

    100% {
        -webkit-transform: rotate(-360deg);
        transform: rotate(-360deg);
    }
}

@-moz-keyframes rotateSaveBtn {
    0% {
        -moz-transform: rotate(0deg);
    }

    100% {
        -moz-transform: rotate(-360deg);
    }
}

@keyframes rotateSaveBtn {
    0% {
        transform: rotate(0deg);
    }

    100% {
        transform: rotate(-360deg);
    }
}

.addRotation {
    -webkit-animation: rotateSaveBtn 3s linear 0s infinite;
    -moz-animation: rotateSaveBtn 3s linear 0s infinite;
    animation: rotateSaveBtn 3s linear 0s infinite;
}

.make .functionList > li {
    height: calc(100%);
    overflow: hidden;
}

.make .resumeSaveStatus {
    position: fixed;
    top: 31px;
    margin-left: 50%;
    left: -25px;
    width: 50px;
    height: 50px;
    background-position: -378px -51px;
    background-color: #fff;
    box-shadow: 1px 1px 10px 0 #E0E0E0,-1px -1px 10px 0 #E0E0E0,1px -1px 10px 0 #E0E0E0,-1px 1px 10px 0 #E0E0E0;
    -webkit-border-radius: 50%;
    -moz-border-radius: 50%;
    border-radius: 50%;
    z-index: 2;
    -webkit-transition: background-color .2s;
    -moz-transition: background-color .2s;
    -o-transition: background-color .2s;
    transition: background-color .2s;
}

.addDone {
    background-position: -443px -52px !important;
    background-color: #3CDC80 !important;
}

.make .guideBig {
    background: url(../images/cut/1.jpg);
    background-size: cover;
    position: fixed;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    z-index: 10;
    transition: all .4s;
    transform-origin: right bottom;
}

.make .closeGuide {
    top: 45px;
    left: 50%;
    position: fixed;
    margin-left: -94px;
}

.make .lastGuide {
    top: 35px;
    left: 50%;
    position: fixed;
    margin-left: -194px;
}

.make .nextGuide {
    top: 35px;
    left: 50%;
    position: fixed;
    margin-left: 120px;
}

.shouqi {
    transform: scale(0);
}

.make .guideList {
    display: none;
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background-color: #42A5FF;
    z-index: 10;
    overflow: hidden;
    text-align: center;
    transition: all .4s;
    transform-origin: right bottom;
}

    .make .guideList h1 {
        width: 1150px;
        color: #fff;
        letter-spacing: 1px;
        font-weight: 400;
        font-size: 35px;
        line-height: 1em;
        margin: 150px auto 40px;
    }

        .make .guideList h1 i {
            width: 30px;
            height: 30px;
            background-position: -67px -312px;
            float: right;
            margin-right: 5px;
        }

    .make .guideList div {
        width: 1155px;
        margin: auto;
        height: 300px;
    }

    .make .guideList ul li {
        float: left;
        width: 540px;
        height: 50px;
        margin: 5px 18px;
        background: #3b9df5;
    }

        .make .guideList ul li a {
            line-height: 50px;
            color: #fff;
            font-size: 20px;
            cursor: pointer;
        }

.make .addPartBtn {
    position: fixed;
    top: 34px;
    right: 44px;
    width: 44px;
    height: 44px;
    background-position: -467px 11px;
    -webkit-transition: all .2s;
    -moz-transition: all .2s;
    -o-transition: all .2s;
    transition: all .2s;
    -webkit-border-radius: 50%;
    -moz-border-radius: 50%;
    border-radius: 50%;
    cursor: pointer;
    z-index: 3;
}

.make .addPartBtnVer1 {
    background-color: #FF4088;
    box-shadow: 0 2px 3px 0 #BDBCBC;
}

.make .addPartBtnVer2 {
    background-color: transparent;
    -ms-transform: rotate(45deg);
    -webkit-transform: rotate(45deg);
    transform: rotate(45deg);
}

    .make .addPartBtnVer2:hover {
        background-color: rgba(0,0,0,.4);
    }

.kefuBtn {
    position: fixed;
    width: 44px;
    height: 44px;
    background: url(../images/kefu.png) no-repeat;
    z-index: 3;
}

    .kefuBtn a {
        display: block;
        width: inherit;
        height: inherit;
    }

.make .kefuBtn {
    top: 34px;
    right: 100px;
}

#goods-detail .kefuBtn, #pay-step-fail .kefuBtn, #pay-step-one .kefuBtn, #pay-step-two .kefuBtn, #shop .kefuBtn {
    top: 100px;
    right: 25px;
}

.make .addPartWrap {
    display: none;
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: calc(100% - 61px);
    background-color: #42A5FF;
    z-index: 9;
    overflow: hidden;
    -ms-transform: translateY(calc(-100%));
    -webkit-transform: translateY(calc(-100%));
    transform: translateY(calc(-100%));
    -webkit-transition: all .5s;
    -moz-transition: all .5s;
    -o-transition: all .5s;
    transition: all .5s;
}

    .make .addPartWrap .addPartBoxWrap {
        position: relative;
        left: 50%;
        margin-left: -461px;
        width: 922px;
        height: inherit;
    }

        .make .addPartWrap .addPartBoxWrap .box {
            float: left;
            width: 50%;
            text-align: center;
            overflow: hidden;
            -webkit-transition: all .2s;
            -moz-transition: all .2s;
            -o-transition: all .2s;
            transition: all .2s;
        }

            .make .addPartWrap .addPartBoxWrap .box h1 {
                color: #fff;
                letter-spacing: 1px;
                font-weight: 400;
                font-size: 35px;
                margin-bottom: 40px;
                line-height: 1em;
            }

            .make .addPartWrap .addPartBoxWrap .box ul {
                overflow: hidden;
                width: 273px;
                margin: 0 auto;
            }

                .make .addPartWrap .addPartBoxWrap .box ul li {
                    position: relative;
                    width: inherit;
                    height: 35px;
                    margin-bottom: 5px;
                    background-color: #2685da;
                    text-align: center;
                    font-size: 13px;
                    line-height: 35px;
                    color: #fff;
                    -webkit-border-radius: 2px;
                    -moz-border-radius: 2px;
                    border-radius: 2px;
                    -webkit-transition: all .2s;
                    -moz-transition: all .2s;
                    -o-transition: all .2s;
                    transition: all .2s;
                    cursor: pointer;
                }

                .make .addPartWrap .addPartBoxWrap .box ul .locked {
                    background-color: #2869a5;
                    cursor: not-allowed;
                }

                .make .addPartWrap .addPartBoxWrap .box ul li:hover i {
                    opacity: 1;
                }

                .make .addPartWrap .addPartBoxWrap .box ul li:active {
                    background-color: #144471;
                }

                .make .addPartWrap .addPartBoxWrap .box ul .locked:active {
                    background-color: #2869a5;
                }

                .make .addPartWrap .addPartBoxWrap .box ul li i {
                    position: absolute;
                    opacity: 0;
                    -webkit-transition: all .2s;
                    -moz-transition: all .2s;
                    -o-transition: all .2s;
                    transition: all .2s;
                }

        .make .addPartWrap .addPartBoxWrap .using ul li i {
            top: 12px;
            right: 12px;
            width: 10px;
            height: 10px;
            background-position: -317px -31px;
        }

        .make .addPartWrap .addPartBoxWrap .canUse ul li i {
            top: 13px;
            right: 10px;
            width: 12px;
            height: 9px;
            background-position: -330px -31px;
        }

        .make .addPartWrap .addPartBoxWrap .using ul .locked i {
            top: 8px;
            left: 11px;
            width: 14px;
            height: 17px;
            background-position: -343px -27px;
            opacity: 1;
        }

.make .guideBox1 {
    position: fixed;
    top: 78px;
    right: 8px;
}

.make .guideBox2 {
    top: 25%;
    left: 5%;
    text-indent: 54px;
    z-index: 8;
}

.make .guideBox3 {
    position: fixed;
    bottom: 67px;
    left: 50%;
    margin-left: -123px;
    text-indent: 61px;
    z-index: 3;
}

.make .resumeEditWrap {
    position: absolute;
    top: 20px;
    left: 50%;
    margin-left: -395px;
    margin-bottom: 10px;
    width: 813px;
    min-height: 1150px;
    padding: 14px 11px 80px;
    z-index: 1;
}

.make .resumePreviewWrap {
    position: absolute;
    top: 20px;
    left: 50%;
    margin-left: -395px;
    margin-bottom: 100px;
    width: 813px;
    min-height: 1150px;
    padding: 14px 11px 80px;
    z-index: 1;
    background-size: 20%;
}

    .make .resumeEditWrap .resumePreview, .make .resumePreviewWrap .resumePreview {
        width: inherit;
        min-height: 1150px;
        background-color: #fff;
    }

.make .makeOptions {
    position: relative;
    width: 100%;
    height: 60px;
    z-index: 10;
}

    .make .makeOptions li {
        position: relative;
        float: left;
        font-size: 15px;
        width: 24.9%;
        width: -moz-calc(25% - 2px);
        width: -webkit-calc(25% - 2px);
        width: calc(25% - 2px);
        height: 60px;
        border-right: 1px solid #E6E6E6;
        -webkit-transition: all .31s;
        -moz-transition: all .31s;
        -o-transition: all .31s;
        transition: all .31s;
        cursor: pointer;
    }

        .make .makeOptions li a, .make .makeOptions li p {
            -webkit-transition: all .2s;
            -moz-transition: all .2s;
            -o-transition: all .2s;
            transition: all .2s;
        }

        .make .makeOptions li p {
            color: #8B8B8B;
            line-height: 60px;
            text-align: center;
        }

        .make .makeOptions li a {
            position: absolute;
            left: 50%;
            top: 50%;
            display: block;
            opacity: 0;
        }

    .make .makeOptions .editResume a, .make .makeOptions .editResume div i {
        margin-left: -12px;
        margin-top: -13px;
        width: 25px;
        height: 27px;
        background-position: 1px -359px;
    }

    .make .makeOptions .switchTemp a, .make .makeOptions .switchTemp div i {
        margin-left: -15px;
        margin-top: -15px;
        width: 30px;
        height: 31px;
        background-position: -28px -358px;
    }

    .make .makeOptions .preOrtypeSet a, .make .makeOptions .preOrtypeSet div i {
        margin-left: -15px;
        margin-top: -12px;
        width: 30px;
        height: 25px;
        background-position: -62px -361px;
    }

    .make .makeOptions .resumeDone a, .make .makeOptions .resumeDone div i {
        margin-left: -14px;
        margin-top: -14px;
        width: 28px;
        height: 29px;
        background-position: -97px -359px;
    }

    .make .makeOptions li:hover {
        background-color: #42A5FF;
        color: #fff;
    }

        .make .makeOptions li:hover p {
            opacity: 0;
        }

        .make .makeOptions li:hover a {
            opacity: 1;
        }

    .make .makeOptions li div {
        display: none;
        position: absolute;
        top: 0;
        left: 0;
        width: 100%;
        height: 100%;
        background-color: #42A5FF;
    }

    .make .makeOptions .resumeDone div {
        background-color: #3CDC80;
    }

    .make .makeOptions li div i {
        position: relative;
        left: 50%;
        top: 50%;
    }

    .make .makeOptions .resumeDone:hover {
        background-color: #3CDC80;
    }

.make .tips {
    bottom: 79px;
    right: 14px;
    z-index: 3;
}

.make .editWrap {
    display: none;
    position: fixed;
    bottom: 61px;
    left: 0;
    width: 100%;
    height: 230px;
    background-color: #FFF;
    box-shadow: 0 -1px 1px 0 rgba(0,0,0,.1);
    overflow: hidden;
    z-index: 3;
}

.editWrap > div .partTitleWrap {
    height: 49px;
    border-bottom: 1px solid #ECECEC;
    margin-bottom: 5px;
}

    .editWrap > div .partTitleWrap .partTitle {
        width: 96%;
        height: 49px;
        margin: 0 auto;
        position: relative;
    }

        .editWrap > div .partTitleWrap .partTitle h4 {
            float: left;
            font-size: 18px;
            color: #42A5FF;
            line-height: 49px;
        }

            .editWrap > div .partTitleWrap .partTitle h4 a {
                cursor: pointer;
                margin-left: 10px;
            }

        .editWrap > div .partTitleWrap .partTitle .closeEditArea {
            position: absolute;
            top: 0;
            right: 0;
            width: 49px;
            height: 49px;
            -webkit-transition: all .31s;
            -moz-transition: all .31s;
            -o-transition: all .31s;
            transition: all .31s;
            -webkit-border-radius: 50%;
            -moz-border-radius: 50%;
            border-radius: 50%;
        }

            .editWrap > div .partTitleWrap .partTitle .closeEditArea:hover {
                background-color: #E7E7E7;
            }

            .editWrap > div .partTitleWrap .partTitle .closeEditArea i {
                position: relative;
                top: 17px;
                left: 17px;
                width: 14px;
                height: 14px;
                background-position: -378px -128px;
            }

        .editWrap > div .partTitleWrap .partTitle .operaExperiBtnWrap {
            position: relative;
            top: 9px;
            right: 55px;
            float: right;
            min-width: 70%;
            height: 30px;
        }

.editWrap > div .schoolLogoWrap {
    position: relative;
    width: 286px;
    height: 86px;
    border: none !important;
}

    .editWrap > div .schoolLogoWrap .schoolLogo {
        position: relative;
        float: left;
        width: 82px;
        height: 82px;
        margin-right: 18px;
        border: 2px solid #DFDFDF;
        overflow: hidden;
    }

        .editWrap > div .schoolLogoWrap .schoolLogo input {
            display: block;
            position: absolute;
            top: 0;
            left: 0;
            width: inherit;
            height: inherit;
            opacity: 0;
            cursor: pointer;
            z-index: 3;
        }

        .editWrap > div .schoolLogoWrap .schoolLogo img {
            position: absolute;
            width: inherit;
            height: inherit;
            z-index: 2;
        }

.editWrap > div .schoolLogo + p {
    float: left;
    line-height: 26px;
    font-weight: 700;
    font-size: 15px;
    color: #7A7E84;
    width: 160px;
}

.editWrap > div .partTitleWrap .partTitle .operaExperiBtnWrap ul {
    position: absolute;
    top: 0;
    right: 259px;
    height: inherit;
}

    .editWrap > div .partTitleWrap .partTitle .operaExperiBtnWrap ul li {
        float: left;
        width: 30px;
        height: 30px;
        color: #fff;
        font-size: 20px;
        line-height: 29px;
        text-align: center;
        margin-left: 7px;
        margin-right: 6px;
        background-color: #D5D5D5;
        -moz-transition: all .4s;
        -o-transition: all .4s;
        transition: all .4s;
        -webkit-border-radius: 50%;
        -moz-border-radius: 50%;
        border-radius: 50%;
        cursor: pointer;
    }

        .editWrap > div .partTitleWrap .partTitle .operaExperiBtnWrap ul li:hover {
            background-color: #ff4500;
        }

        .editWrap > div .partTitleWrap .partTitle .operaExperiBtnWrap ul li.focus {
            background-color: #42A5FF;
        }

.editWrap > div .partTitleWrap .partTitle .operaExperiBtnWrap > p {
    position: absolute;
    top: 0;
    right: 0;
    float: right;
    width: 262px;
    height: inherit;
    overflow: hidden;
}

    .editWrap > div .partTitleWrap .partTitle .operaExperiBtnWrap > p button {
        display: inline-block;
        float: left;
        width: 125px;
        height: inherit;
        background-color: #42A5FF;
        color: #fff;
        font-size: 13px;
        margin: 0 3px;
        text-align: center;
        line-height: 30px;
        -webkit-border-radius: 2px;
        -moz-border-radius: 2px;
        border-radius: 2px;
    }

    .editWrap > div .partTitleWrap .partTitle .operaExperiBtnWrap > p .addOne i {
        width: 10px;
        height: 10px;
        background-position: -380px -174px;
        margin-right: 12px;
    }

    .editWrap > div .partTitleWrap .partTitle .operaExperiBtnWrap > p .cutOne i {
        width: 10px;
        height: 2px;
        background-position: -393px -178px;
        margin: 3px 12px 3px -1px;
    }

.cannotUse {
    background-color: #CCC !important;
    cursor: not-allowed !important;
}

.editWrap .base .partTitleWrap .partTitle {
    width: 95%;
}

.editWrap > div .editContWrap {
    width: 90%;
    margin: 0 auto;
}

    .editWrap > div .editContWrap .col {
        float: left;
        margin-left: 18px;
        margin-right: 17px;
    }

    .editWrap > div .editContWrap .col1 {
        width: 290px;
    }

    .editWrap > div .editContWrap .col2 {
        width: 369px;
    }

    .editWrap > div .editContWrap .col3 {
        width: 104px;
    }

    .editWrap > div .editContWrap .Tip {
        float: left;
        margin-left: 18px;
        margin-right: 17px;
    }

    .editWrap > div .editContWrap .leftHasLongTips {
        width: calc(100% - 910px);
        margin-left: 160px;
    }

        .editWrap > div .editContWrap .leftHasLongTips h1 {
            float: left;
            padding: 10px;
            background-color: #42a5ff;
            color: #fff;
            font-size: 15px;
        }

        .editWrap > div .editContWrap .leftHasLongTips a {
            background: url(../images/expend.png) no-repeat;
            width: 109px;
            height: 25px;
            float: left;
            margin-top: 5px;
        }

        .editWrap > div .editContWrap .leftHasLongTips ul {
            float: left;
            background: url(../images/profile.jpg);
            height: 110px;
            overflow: auto;
            width: 100%;
            background-size: cover;
            padding-top: 10px;
        }

            .editWrap > div .editContWrap .leftHasLongTips ul li {
                color: #14a7eb;
                list-style-type: disc;
                line-height: 1.5;
                margin-left: 20px;
                font-size: 12px;
            }

                .editWrap > div .editContWrap .leftHasLongTips ul li > span {
                    color: #6e6e6e;
                    margin: 5px auto;
                }

    .editWrap > div .editContWrap .muchInput {
        width: calc(100% - 1150px);
        margin-left: 15px;
    }

        .editWrap > div .editContWrap .muchInput h1 {
            float: left;
            padding: 10px;
            background-color: #42a5ff;
            color: #fff;
            font-size: 15px;
        }

        .editWrap > div .editContWrap .muchInput a {
            background: url(../images/expend.png) no-repeat;
            width: 109px;
            height: 25px;
            float: left;
            margin-top: 5px;
        }

        .editWrap > div .editContWrap .muchInput ul {
            float: left;
            background: url(../images/profile.jpg);
            height: 110px;
            overflow: auto;
            width: 100%;
            background-size: cover;
            padding-top: 10px;
        }

            .editWrap > div .editContWrap .muchInput ul li {
                color: #14a7eb;
                list-style-type: disc;
                line-height: 1.5;
                margin-left: 20px;
                font-size: 12px;
            }

                .editWrap > div .editContWrap .muchInput ul li > span {
                    color: #6e6e6e;
                    margin: 5px auto;
                }

    .editWrap > div .editContWrap .Tip > div {
        float: left;
        position: relative;
        margin: 10px 0 0;
        width: 100%;
        background-color: #42a5ff;
    }

    .editWrap > div .editContWrap .col .showLogo, .editWrap > div .editContWrap .col > div {
        float: left;
        position: relative;
        border: 2px solid #DFDFDF;
        margin: 10px 0;
    }

.addFocus {
    border: 2px solid #96C9F6 !important;
    outline: #E0F0FF solid 1px !important;
}

.editWrap > div .editContWrap .col > div strong {
    position: absolute;
    top: -54px;
    left: -2px;
    display: none;
    width: 290px;
    height: 50px;
    font-size: 14px;
    background-color: rgba(111,113,116,.89);
    font-weight: 400;
    line-height: 50px;
    text-indent: 20px;
    color: #fff;
    -webkit-border-radius: 2px;
    -moz-border-radius: 2px;
    border-radius: 2px;
}

.editWrap > div .editContWrap .thinWrap {
    width: 286px;
    height: 31px;
    line-height: 31px;
}

.editWrap > div .editContWrap .fatWrap {
    width: 520px;
    height: 82px;
    line-height: 82px;
}

.editWrap > div .editContWrap .col > div label {
    display: block;
    width: inherit;
    height: inherit;
}

    .editWrap > div .editContWrap .col > div label p {
        display: inline-block;
        float: left;
        font-size: 15px;
        font-weight: 700;
        color: #7A7E84;
        border-right: 2px solid #DFDFDF;
        text-align: center;
    }

.addFocusBlueBorder {
    border-right: 2px solid #96C9F6 !important;
}

.editWrap > div .editContWrap .col > div label select {
    float: left;
    height: inherit;
}

.editWrap > div .editContWrap .col > div label input {
    float: left;
    color: #555;
    height: inherit;
    font-size: 14px;
    line-height: 14px;
    text-align: center;
}

    .editWrap > div .editContWrap .col > div label input[readonly=readonly] {
        cursor: pointer;
    }

.editWrap > div .editContWrap .col .name label .disabled {
    cursor: not-allowed;
}

.editWrap > div .editContWrap .col > div label .rightArrow {
    float: left;
    display: inline-block;
    width: 24px;
    height: inherit;
}

    .editWrap > div .editContWrap .col > div label .rightArrow i {
        position: relative;
        top: 0;
        left: 7px;
        width: 7px;
        height: 6px;
        background-position: -89px 0;
    }

.addReverseArrow {
    background-position: -89px -6px !important;
}

.editWrap > div .editContWrap .col > div .shortMenu {
    width: 109px;
}

.editWrap > div .editContWrap .col > div .longMenu {
    width: 220px;
    margin-left: 64px;
}

.editWrap > div .editContWrap .col > div label .shortP {
    width: 64px;
}

.editWrap > div .editContWrap .col > div label .longP {
    width: 92px;
}

.editWrap > div .editContWrap .col > div label .shortP ~ input, .editWrap > div .editContWrap .col > div label .shortP ~ select {
    width: 220px;
}

.editWrap > div .editContWrap .col > div label .longP ~ input, .editWrap > div .editContWrap .col > div label .longP ~ select {
    width: 192px;
}

.editWrap > div .editContWrap .col > div label .longP ~ div .shortSelect {
    width: 96px;
    height: 31px;
}

.editWrap > div .editContWrap .col > div label .longP ~ div .longSelect {
    width: 192px;
    height: 31px;
}

.editWrap > div .editContWrap .col > div label .rightShortSelect {
    border-left: 2px solid #DFDFDF;
}

.editWrap > div .editContWrap .col > div label .descriptionArea {
    float: left;
    width: 400px;
    height: 62px;
    overflow: auto;
    padding: 10px;
    color: #555;
    font-size: 14px;
    cursor: text;
    line-height: 1.4em;
    resize: none;
}

.editWrap > div .selectStyle {
    width: 850px;
    height: 163px;
    margin: 0 auto;
}

    .editWrap > div .selectStyle a {
        display: inline-block;
        width: 215px;
        height: inherit;
        text-align: center;
        font-size: 17px;
        color: #8E9599;
        margin-left: 103px;
        margin-right: 102px;
    }

        .editWrap > div .selectStyle a i {
            width: 215px;
            height: 116px;
            margin-bottom: 20px;
        }

        .editWrap > div .selectStyle a .listStyle {
            background-position: 0 -189px;
        }

        .editWrap > div .selectStyle a .statementStyle {
            background-position: -215px -189px;
        }

.adviceWorkBox {
    background: url(../images/adv-work.png) center no-repeat;
    width: 941px;
    position: fixed;
    height: 738px;
    left: 50%;
    top: 80px;
    z-index: 111;
    margin-left: -465px;
}

.adviceCerBox {
    background: url(../images/adv-cer.png) center no-repeat;
    width: 601px;
    position: fixed;
    height: 459px;
    left: 50%;
    top: 80px;
    z-index: 111;
    margin-left: -275px;
}

.adviceEduBox {
    background: url(../images/adv-edu.png) center no-repeat;
    width: 601px;
    position: fixed;
    height: 413px;
    left: 50%;
    top: 80px;
    z-index: 111;
    margin-left: -280px;
}

.adviceEvlBox {
    background: url(../images/adv-evl.png) center no-repeat;
    width: 885px;
    position: fixed;
    height: 672px;
    left: 50%;
    top: 80px;
    z-index: 111;
    margin-left: -465px;
}

    .adviceEvlBox .linkBlog {
        position: fixed;
        top: 696px;
        left: 50%;
        margin-left: -265px;
        font-size: 17px;
        text-decoration: underline;
        color: #42a5ff;
    }

.adviceInfoBox {
    background: url(../images/adv-info.png) center no-repeat;
    width: 602px;
    position: fixed;
    height: 616px;
    left: 50%;
    top: 80px;
    z-index: 111;
    margin-left: -280px;
}

    .adviceInfoBox div a {
        margin-left: 55px;
        margin-top: 390px;
        position: fixed;
        text-decoration: underline;
        color: #42a5ff;
        font-size: 14px;
    }

.advicePrizeBox {
    background: url(../images/adv-prize.png) center no-repeat;
    width: 603px;
    position: fixed;
    height: 458px;
    left: 50%;
    top: 80px;
    z-index: 111;
    margin-left: -275px;
}

.adviceSkillBox {
    background: url(../images/adv-skill.png) center no-repeat;
    width: 601px;
    position: fixed;
    height: 318px;
    left: 50%;
    top: 80px;
    z-index: 111;
    margin-left: -280px;
}

.adviceProBox {
    background: url(../images/adv-pro.png) center no-repeat;
    width: 660px;
    position: fixed;
    height: 644px;
    left: 50%;
    top: 80px;
    z-index: 111;
    margin-left: -310px;
}

.adviceSchoolBox {
    background: url(../images/adv-school.png) center no-repeat;
    width: 947px;
    position: fixed;
    height: 800px;
    left: 50%;
    top: 80px;
    z-index: 111;
    margin-left: -465px;
}

.closeIcon {
    float: right;
    position: relative;
    margin-top: 30px;
    margin-right: 30px;
}

.make .switchTempWrap {
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 68px;
    background: #383838;
    background: linear-gradient(#4E4D4D,#303030);
    z-index: 5;
}

    .make .switchTempWrap ul {
        width: 206px;
        height: inherit;
        margin: 0 auto;
    }

        .make .switchTempWrap ul li {
            float: left;
            width: 83px;
            height: 66px;
            text-align: center;
            line-height: 66px;
            margin: 0 10px;
            border-bottom: 2px solid transparent;
            font-size: 13px;
            color: #A8A8A8;
            -webkit-transition: all .3s;
            -moz-transition: all .3s;
            -o-transition: all .3s;
            transition: all .3s;
            cursor: pointer;
        }

            .make .switchTempWrap ul li:hover {
                border-color: #42A5FF;
                color: #fff;
            }

.addConditionFocus {
    border-color: #42A5FF !important;
    color: #fff !important;
}

.make .tempBoxWrap {
    width: 100%;
}

    .make .tempBoxWrap .tempList {
        width: 1068px;
        padding: 103px 0;
        margin: 0 auto;
        overflow: hidden;
    }

.make .dragWrap {
    width: 790px;
    height: 1140px;
    padding: 10px 10px 5px;
    margin: 15px auto 80px;
    background-color: #8fbc8f;
}

.make .resumeAlreadyDoneWrap {
    height: 297px;
    background: url(../images/resumeDoneBg.jpg) center center no-repeat;
    background-size: cover;
    overflow: hidden;
    margin-bottom: 20px;
}

    .make .resumeAlreadyDoneWrap .resumeAlreadyDone {
        width: 72%;
        height: 122px;
        margin: 103px 14% 0;
        color: #fff;
    }

        .make .resumeAlreadyDoneWrap .resumeAlreadyDone h1 {
            float: left;
            display: inline-block;
            width: 202px;
            height: 60px;
            font-size: 58px;
            font-weight: 400;
        }

        .make .resumeAlreadyDoneWrap .resumeAlreadyDone ul {
            float: right;
            display: inline-block;
            width: 270px;
            height: 125px;
        }

            .make .resumeAlreadyDoneWrap .resumeAlreadyDone ul li {
                display: inline-block;
                width: 90px;
                height: inherit;
                margin: 0 20px;
                color: #FFF;
                text-align: center;
                cursor: pointer;
            }

            .make .resumeAlreadyDoneWrap .resumeAlreadyDone ul a {
                display: block;
                width: 90px;
                height: 90px;
                background-color: rgba(255,255,255,.5);
                -webkit-border-radius: 7px;
                -moz-border-radius: 7px;
                border-radius: 7px;
            }

                .make .resumeAlreadyDoneWrap .resumeAlreadyDone ul a .downloadResume {
                    position: relative;
                    top: 20px;
                    width: 52px;
                    height: 50px;
                    background-position: -440px -187px;
                }

                .make .resumeAlreadyDoneWrap .resumeAlreadyDone ul a .returnUserCenter {
                    position: relative;
                    top: 17px;
                    width: 54px;
                    height: 53px;
                    background-position: -440px -247px;
                }

            .make .resumeAlreadyDoneWrap .resumeAlreadyDone ul p {
                font-size: 13px;
                margin-top: 14px;
            }

.sideFloatBtnWrap {
    display: none;
    position: fixed;
    bottom: 100px;
    right: 100px;
    width: 46px;
}

    .sideFloatBtnWrap a {
        display: block;
        position: relative;
        width: 46px;
        height: 45px;
        -webkit-transition: all .3s;
        -moz-transition: all .3s;
        -o-transition: all .3s;
        transition: all .3s;
    }

        .sideFloatBtnWrap a:hover {
            background-color: #42A5FF;
        }

        .sideFloatBtnWrap a i {
            position: absolute;
        }

    .sideFloatBtnWrap .qqkefu {
        background-color: rgba(0,0,0,.2);
    }

        .sideFloatBtnWrap .qqkefu i {
            top: 12px;
            left: 13px;
            width: 20px;
            height: 21px;
            background-position: -260px -316px;
        }

    .sideFloatBtnWrap .backToTop {
        background-color: rgba(0,0,0,.32);
    }

        .sideFloatBtnWrap .backToTop i {
            top: 16px;
            left: 11px;
            width: 24px;
            height: 13px;
            background-position: -291px -319px;
        }

#cart {
    float: right;
    display: inline-block;
    position: relative;
    top: 10px;
    right: 15px;
    width: 40px;
    height: 40px;
}

    #cart::after, #cart:after {
        content: "";
        position: relative;
        top: 11px;
        left: 11px;
        width: 18px;
        height: 18px;
        background-position: -3px -420px;
    }

    #cart span {
        display: inline-block;
        position: absolute;
        top: 0;
        left: 32px;
        float: right;
        padding: 0 5px;
        height: 17px;
        line-height: 16px;
        color: #FFF;
        background-color: #FE6868;
        -webkit-border-radius: 8px;
        -moz-border-radius: 8px;
        border-radius: 8px;
    }

#shop .filterGroup, #shop .timeLimit {
    width: 1180px;
    margin-bottom: 20px;
}

.timeLimit {
    height: 400px;
    margin: 80px auto 20px;
    background: green;
    box-shadow: 3px 3px 5px 0 rgba(0,0,0,.15),-3px 3px 5px 0 rgba(0,0,0,.15);
}

    .timeLimit a {
        display: block;
        height: inherit;
        overflow: hidden;
    }

.filterGroup {
    height: 60px;
    margin: 0 auto;
    line-height: 60px;
    background-color: #fff;
    font-size: 14px;
    box-shadow: 1px 2px 3px 0 rgba(0,0,0,.1),-1px 2px 3px 0 rgba(0,0,0,.1);
}

    .filterGroup dl {
        height: inherit;
        overflow: hidden;
    }

    .filterGroup .tempType {
        float: left;
    }

    .filterGroup .docType {
        float: right;
        width: 200px;
    }

    .filterGroup dd, .filterGroup dt {
        float: left;
        height: inherit;
        text-align: center;
    }

    .filterGroup dt {
        color: #949494;
        cursor: pointer;
        width: 105px;
        position: relative;
    }

    .filterGroup dd {
        color: #949494;
        cursor: pointer;
        width: 120px;
        position: relative;
    }

        .filterGroup dd a.focus {
            color: #FDA51B;
        }

.filterResultWrap {
    width: 1200px;
    margin: 0 auto;
    overflow: hidden;
    padding-bottom: 80px;
}

    .filterResultWrap li, .myWord-cart-wrap .tabWrap .alreadyDone li {
        float: left;
        -webkit-transition: all .3s;
        -moz-transition: all .3s;
        -o-transition: all .3s;
        transition: all .3s;
    }

    #goods-detail .rightWrap .recommendation, .filterResultWrap li, .myWord-cart-wrap .tabWrap .alreadyDone li {
        width: 220px;
        height: 352px;
        margin: 0 10px 20px;
        box-shadow: 1px 1px 2px 0 rgba(0,0,0,.1),-1px 1px 2px 0 rgba(0,0,0,.1);
        background-color: #FFF;
    }

#goods-detail .rightWrap .recommendation {
    border: 1px solid #ccc;
    overflow: hidden;
}

    #goods-detail .rightWrap .recommendation a {
        margin: 0;
        border: 0;
    }

        #goods-detail .rightWrap .recommendation a:hover {
            box-shadow: none;
        }

.filterResultWrap li:hover {
    box-shadow: 0 10px 24px 0 rgba(0,0,0,.3);
}

#goods-detail .rightWrap .recommendation a, .filterResultWrap li > a, .myWord-cart-wrap .tabWrap .alreadyDone li a {
    display: block;
    width: inherit;
    height: 312px;
    cursor: pointer;
}

#goods-detail .rightWrap .recommendation img, .filterResultWrap li img, .myWord-cart-wrap .tabWrap .alreadyDone li img {
    width: 220px;
    height: 312px;
}

#goods-detail .rightWrap .recommendation .tempIntro, .filterResultWrap li .tempIntro, .myWord-cart-wrap .tabWrap .alreadyDone .tempIntro {
    width: 207px;
    height: 39px;
    padding-left: 13px;
    border-top: 1px solid #F6F6F6;
    line-height: 39px;
    font-size: 13px;
}

    #goods-detail .rightWrap .recommendation p, .filterResultWrap li .tempIntro p, .myWord-cart-wrap .tabWrap .alreadyDone li p {
        display: inline-block;
        float: left;
        width: 110px;
        color: #414A55;
        white-space: nowrap;
        text-overflow: ellipsis;
        overflow: hidden;
    }

    #goods-detail .rightWrap .recommendation .price, .filterResultWrap li .tempIntro .price {
        float: right;
        display: block;
        width: 55px;
        color: #FEA51A;
    }

    .filterResultWrap li .tempIntro i {
        width: 23px;
        height: 23px;
        background-position: -33px -395px;
        float: left;
        margin: 8px 10px 8px 0;
        cursor: pointer;
    }

#custom .footer, #goods-detail .footer, #shop .footer {
    height: 70px;
    background-color: #E3E3E3;
    text-align: center;
    font-size: 13px;
    line-height: 70px;
    color: #A5A5A5;
}

.modelMenu {
    display: none;
    position: absolute;
    width: 120px;
    cursor: default;
    background-color: #fff;
    -webkit-box-shadow: 0 2px 4px 0 rgba(0,0,0,.2);
    -moz-box-shadow: 0 2px 4px 0 rgba(0,0,0,.2);
    box-shadow: 0 2px 4px 0 rgba(0,0,0,.2);
}

    .modelMenu ul li {
        width: 120px;
        height: 45px;
        border-top: 1px solid #E7E7E7;
    }

    .modelMenu li a {
        display: block;
        width: inherit;
        height: inherit;
        cursor: pointer;
        text-align: center;
        line-height: 45px;
        font-size: 14px;
        color: #AFAFAF;
        -webkit-transition: all .2s;
        -moz-transition: all .2s;
        -o-transition: all .2s;
        transition: all .2s;
    }

        .modelMenu li a:hover {
            color: #42A5FF;
        }

.filterGroup ul .menuList1 {
    top: 560px;
    margin-left: 85px;
}

.filterGroup ul .menuList2 {
    top: 560px;
    margin-left: 315px;
}

.filterGroup .selectItem li .rightArrow {
    width: 7px;
    height: 6px;
    margin-left: 20px;
    background-position: -89px 0;
    -webkit-transition: all .4s;
    -moz-transition: all .4s;
    -o-transition: all .4s;
    transition: all .4s;
}

.rangeWay ul li {
    float: left;
    margin-right: 40px;
    color: #949494;
    cursor: pointer;
    text-align: center;
}

.rangeList .focus {
    color: #FDA51B;
}

#goods-detail .bread-crumb {
    height: 51px;
    margin: 60px auto 0;
    line-height: 51px;
}

.bread-crumb p {
    width: 1180px;
    height: inherit;
    margin: 0 auto;
    color: #A3A3A3;
    font-size: 13px;
}

    .bread-crumb p a {
        color: #A3A3A3;
    }

        .bread-crumb p a:hover {
            text-decoration: underline;
        }

#goods-detail .tempDetailWrap {
    width: 1180px;
    margin: 0 auto;
    overflow: hidden;
}

.tempDetailWrap > div > div {
    background-color: #FFF;
    margin-bottom: 20px;
    box-shadow: 0 2px 4px 0 rgba(0,0,0,.1);
}

.tempDetailWrap .leftWrap {
    float: left;
    width: 760px;
    margin-right: 20px;
}

    .tempDetailWrap .leftWrap .tempImgWrap {
        width: 730px;
        padding: 8px 15px 7px;
    }

        .tempDetailWrap .leftWrap .tempImgWrap img {
            width: inherit;
            margin-top: 7px;
            margin-bottom: 5px;
        }

    .tempDetailWrap .leftWrap .tempLaw {
        position: relative;
        height: 80px;
        font-size: 13px;
        color: #AEAEAE;
    }

        .tempDetailWrap .leftWrap .tempLaw::after, .tempDetailWrap .leftWrap .tempLaw:after {
            content: "";
            position: absolute;
            top: 20px;
            left: 20px;
            width: 40px;
            height: 40px;
            background-position: 0 -438px;
        }

        .tempDetailWrap .leftWrap .tempLaw p {
            position: absolute;
            top: 16px;
            left: 80px;
            width: 645px;
            line-height: 1.9em;
            letter-spacing: 1px;
        }

    .tempDetailWrap .leftWrap .usualQuestion {
        width: 720px;
        height: 260px;
        padding: 20px 20px 0;
        margin-bottom: 80px;
    }

        .tempDetailWrap .leftWrap .usualQuestion h4 {
            font-size: 15px;
            font-weight: 400;
            letter-spacing: 1px;
            margin-bottom: 25px;
        }

        .tempDetailWrap .leftWrap .usualQuestion h5 a {
            font-size: 14px;
            color: #FFAE00;
            font-weight: 400;
            float: left;
            width: 340px;
            padding: 0 10px 12px 5px;
        }

        .tempDetailWrap .leftWrap .usualQuestion ol {
            list-style-type: decimal;
        }

        .tempDetailWrap .leftWrap .usualQuestion li {
            list-style-position: inside;
            color: #AEAEAE;
            font-size: 14px;
            line-height: 25px;
        }

.tempDetailWrap .rightWrap {
    float: left;
    position: relative;
    width: 330px;
    padding: 20px 35px 47px;
    background-color: #FFF;
    overflow: hidden;
    box-shadow: 0 2px 4px 0 rgba(0,0,0,.1);
}

    .tempDetailWrap .rightWrap h2, .tempDetailWrap .rightWrap h2 + strong {
        display: inline-block;
        font-weight: 400;
        font-size: 28px;
    }

    .tempDetailWrap .rightWrap h2 {
        float: left;
        width: 220px;
        color: #1C1C1C;
        white-space: nowrap;
        text-overflow: ellipsis;
        overflow: hidden;
    }

        .tempDetailWrap .rightWrap h2 + strong {
            float: right;
            width: 105px;
            text-align: right;
            color: #FF9C00;
            margin-bottom: 5px;
        }

    .tempDetailWrap .rightWrap ul {
        list-style-type: disc;
        color: #BABABA;
        overflow: hidden;
        clear: both;
    }

        .tempDetailWrap .rightWrap ul li {
            height: 15px;
            margin-top: 16px;
            font-size: 14px;
            line-height: 15px;
            list-style-position: inside;
        }

    .tempDetailWrap .rightWrap .btnGroup {
        position: relative;
        height: 42px;
        margin-top: 30px;
        margin-bottom: 15px;
    }

        .tempDetailWrap .rightWrap .btnGroup a, .tempDetailWrap .rightWrap .chooseArea a {
            float: left;
            display: inline-block;
            width: 152px;
            height: inherit;
            line-height: 42px;
            text-align: center;
            font-size: 14px;
            color: #FFF;
            -webkit-border-radius: 3px;
            -moz-border-radius: 3px;
            border-radius: 3px;
        }

        .tempDetailWrap .rightWrap .btnGroup .buyNow {
            background-color: #34C8FF;
            margin-right: 26px;
        }

        .tempDetailWrap .rightWrap .btnGroup .shareTo {
            background-color: #4eddac;
        }

    .tempDetailWrap .rightWrap .chooseArea .addToCart {
        background-color: #FF7430;
        -webkit-transition: all .3s;
        -moz-transition: all .3s;
        -o-transition: all .3s;
        transition: all .3s;
        margin-left: 20px;
    }

        .tempDetailWrap .rightWrap .chooseArea .addToCart.notAllowed {
            cursor: not-allowed;
            background-color: #CCC;
        }

@-webkit-keyframes addOne {
    0% {
        opacity: 0;
    }

    50% {
        opacity: 1;
    }

    100% {
        opacity: 0;
        transform: translateY(-40px);
    }
}

@-moz-keyframes addOne {
    0% {
        opacity: 0;
    }

    50% {
        opacity: 1;
    }

    100% {
        opacity: 0;
        transform: translateY(-40px);
    }
}

@keyframes addOne {
    0% {
        opacity: 0;
    }

    50% {
        opacity: 1;
    }

    100% {
        opacity: 0;
        transform: translateY(-40px);
    }
}

.tempDetailWrap .rightWrap .chooseArea .animateArea {
    position: absolute;
    top: 30px;
    right: 1px;
    color: #ff4500;
    font-size: 14px;
    opacity: 0;
}

    .tempDetailWrap .rightWrap .chooseArea .animateArea.actived {
        -webkit-animation: addOne .8s cubic-bezier(0,.07,1,.11) 0s 1;
        -moz-animation: addOne .8s cubic-bezier(0,.07,1,.11) 0s 1;
        animation: addOne .8s cubic-bezier(0,.07,1,.11) 0s 1;
    }

.tempDetailWrap .rightWrap .freeTemp {
    display: block;
    height: 25px;
    line-height: 24px;
    margin-bottom: 30px;
    text-align: center;
    font-size: 14px;
    color: #A8A7A7;
    background-color: #ECECEC;
    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    border-radius: 3px;
}

    .tempDetailWrap .rightWrap .freeTemp span {
        color: #FFA072;
    }

.tempDetailWrap .rightWrap .chooseArea {
    height: 100px;
    position: relative;
    font-size: 13px;
    box-shadow: 0 0 0 0 transparent !important;
}

    .tempDetailWrap .rightWrap .chooseArea p {
        height: 15px;
        line-height: 14px;
        margin-bottom: 25px;
    }

        .tempDetailWrap .rightWrap .chooseArea p::before, .tempDetailWrap .rightWrap .chooseArea p:before {
            content: "";
            position: relative;
            top: -2px;
            display: inline-block;
            width: 4px;
            height: 4px;
            background-color: #BABABA;
            margin-right: 8px;
            -webkit-border-radius: 50%;
            -moz-border-radius: 50%;
            border-radius: 50%;
        }

        .tempDetailWrap .rightWrap .chooseArea p span {
            color: #FF7430;
        }

    .tempDetailWrap .rightWrap .chooseArea a {
        height: 42px;
    }

    .tempDetailWrap .rightWrap .chooseArea.yes a.do {
        background-color: #34C8FF;
    }

    .tempDetailWrap .rightWrap .chooseArea.no a.do {
        background-color: #C9C9C9;
        cursor: not-allowed;
    }

.tempDetailWrap .rightWrap h3 {
    font-size: 17px;
    font-weight: 400;
    padding-bottom: 14px;
    color: #B4B4B4;
    border-bottom: 1px solid #F6F5F5;
    margin-bottom: 35px;
}

.tempDetailWrap .rightWrap .recommendation {
    width: 220px;
    height: 352px;
    margin: 0 auto !important;
}

#pay-step-done body, #pay-step-one body, #pay-step-two body {
    background-color: #E6E6E6;
}

#pay-progressWrap {
    position: relative;
    width: 742px;
    height: 95px;
    margin: 80px auto 50px;
}

    #pay-progressWrap .progress-tips {
        position: relative;
        top: 20px;
        width: 592px;
        height: 34px;
        font-size: 14px;
        margin: 0 auto;
    }

        #pay-progressWrap .progress-tips li {
            position: relative;
            float: left;
            width: 100px;
            height: 30px;
            margin: 0 24px;
            background-color: #D2D2D2;
            line-height: 30px;
            text-align: center;
            color: #FFF;
        }

            #pay-progressWrap .progress-tips li.focus {
                background-color: #41DA97;
            }

            #pay-progressWrap .progress-tips li::before, #pay-progressWrap .progress-tips li:before {
                content: "";
                position: absolute;
                top: 30px;
                left: 48px;
                width: 0;
                height: 0;
                border-top: 5px solid #D2D2D2;
                border-left: 4px solid #E6E6E6;
                border-right: 4px solid #E6E6E6;
            }

            #pay-progressWrap .progress-tips li.focus::before, #pay-progressWrap .progress-tips li.focus:before {
                border-top: 5px solid #41DA97;
            }

            #pay-progressWrap .progress-tips li::after, #pay-progressWrap .progress-tips li:after {
                content: "";
                position: absolute;
                top: 48px;
                left: 42px;
                width: 8px;
                height: 8px;
                border: 6px solid #D2D2D2;
                background-color: #FFF;
                -webkit-border-radius: 50%;
                -moz-border-radius: 50%;
                border-radius: 50%;
                z-index: 2;
            }

            #pay-progressWrap .progress-tips li.focus::after, #pay-progressWrap .progress-tips li.focus:after {
                border: 6px solid #41DA97;
            }

    #pay-progressWrap .pay-progressBar {
        position: absolute;
        top: 73px;
        left: 0;
        width: 742px;
        height: 10px;
        background-color: #D2D2D2;
        -webkit-border-radius: 5px;
        -moz-border-radius: 5px;
        border-radius: 5px;
        z-index: 1;
    }

        #pay-progressWrap .pay-progressBar::before, #pay-progressWrap .pay-progressBar:before {
            content: "";
            position: absolute;
            top: 0;
            left: 0;
            height: 10px;
            background-color: #41DA97;
            -webkit-border-radius: 5px;
            -moz-border-radius: 5px;
            border-radius: 5px;
        }

#pay-step-one #pay-progressWrap .pay-progressBar::before, #pay-step-one #pay-progressWrap .pay-progressBar:before {
    width: 151px;
}

#pay-step-two #pay-progressWrap .pay-progressBar::before, #pay-step-two #pay-progressWrap .pay-progressBar:before {
    width: 299px;
}

#pay-step-three #pay-progressWrap .pay-progressBar::before, #pay-step-three #pay-progressWrap .pay-progressBar:before {
    width: 447px;
}

#pay-step-done #pay-progressWrap .pay-progressBar::before, #pay-step-done #pay-progressWrap .pay-progressBar:before {
    width: 100%;
}

#pay-step-one .myCartTitle {
    position: relative;
    width: 980px;
    height: 35px;
    margin: 0 auto 25px;
    font-size: 18px;
    line-height: 35px;
    font-weight: 400;
    color: #4B4B4B;
    text-indent: 50px;
}

    #pay-step-one .myCartTitle::before, #pay-step-one .myCartTitle:before {
        content: "";
        position: absolute;
        top: 4px;
        left: 10px;
        width: 23px;
        height: 23px;
        background-position: -45px -450px;
    }

#cartDetailWrap, .pay-way {
    width: 980px;
    margin: 0 auto;
    background-color: #FFF;
    font-size: 14px;
    color: #7A7A7A;
}

.pay-way {
    height: 200px;
    border-bottom: 23px solid #E6E6E6;
}

    .pay-way .title {
        position: relative;
        text-align: center;
        height: 49px;
        border-bottom: 1px solid #F6F6F6;
        font-weight: 400;
        text-indent: 48px;
        line-height: 47px;
        padding-right: 47px;
    }

        .pay-way .title .divide {
            position: absolute;
            top: 16px;
            left: 39%;
        }

        .pay-way .title ul {
            float: left;
            width: 60%;
        }

            .pay-way .title ul li {
                float: left;
            }

        .pay-way .title span {
            float: left;
            width: 39%;
        }

    .pay-way h5 ul li {
        float: left;
    }

    .pay-way .pay-way-choose, .pay-way .pay-way-choose tr {
        width: 100%;
        height: 150px;
        border: none;
    }

        .pay-way .pay-way-choose td.way-one {
            vertical-align: middle;
            text-align: center;
            width: 39%;
        }

        .pay-way .pay-way-choose td.way-two {
            vertical-align: middle;
            text-align: left;
            width: 60%;
        }

    .pay-way .way-one {
        width: 469px;
    }

    .pay-way .way-two {
        width: 510px;
    }

    .pay-way .way-three {
        position: absolute;
        left: 45%;
        top: 305px;
        width: 211px;
        height: 103px;
    }

.currentCoupon {
    border: 1px solid #3cdc80;
}

.pay-way .way-three ul li div {
    margin: 5px;
    text-align: center;
}

    .pay-way .way-three ul li div span {
        position: absolute;
        left: 170px;
        bottom: 14px;
        color: #fff;
        top: 69px;
    }

.getWay {
    color: #FF4500;
}

.pay-way .way-two.invalid, .pay-way .way-two.invalid * {
    background-color: #F3F3F3;
    cursor: not-allowed;
}

.pay-way td a {
    position: relative;
    display: inline-block;
    width: 1px;
    height: 50px;
    text-align: center;
    line-height: 48px;
    margin-right: 15px;
}

.pay-way .zhifubao {
    position: relative;
    top: -4px;
    width: 122px;
    height: 43px;
    background-position: -251px -351px;
}

.pay-way .way-two input {
    position: relative;
    top: -18px;
    width: 191px;
    height: 23px;
    font-size: 14px;
    line-height: 21px;
    text-indent: 14px;
    color: #7A7A7A;
    border: 1px solid #DCDCDC;
    -webkit-border-radius: 12px;
    -moz-border-radius: 12px;
    border-radius: 12px;
}

.way-two .useEnter {
    top: -18px;
    left: 10px;
    position: relative;
    width: 50px;
    height: inherit;
    font-size: 14px;
    text-align: center;
    background-color: #41DA97;
    line-height: 34px;
    color: #FFF;
    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    border-radius: 3px;
    -webkit-transition: all .3s;
    -moz-transition: all .3s;
    -o-transition: all .3s;
    transition: all .3s;
}

    .way-two .useEnter:hover {
        background-color: #0B8;
    }

.way-two .msgNote {
    position: relative;
    display: none;
    top: -18px;
    width: 191px;
    height: 23px;
    font-size: 14px;
    line-height: 21px;
    text-indent: 14px;
    color: #7A7A7A;
}

#cartDetailWrap .radioBtn, .pay-way-choose .radioBtn {
    width: 20px;
    height: 20px;
    background-position: -323px -309px;
    vertical-align: middle;
    -webkit-border-radius: 50%;
    -moz-border-radius: 50%;
    border-radius: 50%;
}

    #pay-step-one #cartDetailWrap .radioBtn.choose, .myWord-cart-wrap #cartDetailWrap .radioBtn.choose, .pay-way-choose .radioBtn.choose {
        background-position: -345px -309px;
    }

.divide {
    width: 1px;
    height: 17px;
    background-position: -370px -309px;
}

#cartDetailWrap th {
    height: 49px;
    font-weight: 400;
    text-align: center;
    border-bottom: 1px solid #ddd;
}

#cartDetailWrap .checkAll .radioBtn {
    position: relative;
    top: -1px;
}

#pay-step-one #cartDetailWrap .checkAll, .myWord-cart-wrap #cartDetailWrap .checkAll {
    width: 100%;
}

#pay-step-one .cartDetailHead .goodsName, .myWord-cart-wrap #cartDetailWrap .goodsName {
    width: 36%;
}

#pay-step-two .cartDetailHead .goodsName {
    width: 56%;
}

#pay-step-one .cartDetailHead .goodsCount, #pay-step-one .cartDetailHead .goodsOpera, #pay-step-one .cartDetailHead .goodsPrice, .myWord-cart-wrap #cartDetailWrap .goodsCount, .myWord-cart-wrap #cartDetailWrap .goodsOpera, .myWord-cart-wrap #cartDetailWrap .goodsPrice {
    width: 15%;
}

#pay-step-two .cartDetailHead .goodsCount, #pay-step-two .cartDetailHead .goodsPrice {
    width: 22%;
}

#pay-step-one .cartDetailHead .checkAll, .myWord-cart-wrap .checkAll {
    display: block;
    height: inherit;
    color: #7A7A7A;
    line-height: 49px;
    -webkit-transition: all .31s;
    -moz-transition: all .31s;
    -o-transition: all .31s;
    transition: all .31s;
}

    #pay-step-one .cartDetailHead .checkAll:hover, .myWord-cart-wrap .checkAll:hover {
        color: #41DA97;
    }

#cartDetailWrap tr td {
    height: 216px;
    border-bottom: 23px solid #E6E6E6;
    text-align: center;
}

#cartDetailWrap td a {
    display: block;
    margin-left: auto;
    margin-right: auto;
}

#cartDetailWrap td .check {
    position: relative;
    width: 50px;
    height: 50px;
    text-align: center;
    line-height: 50px;
}

    #cartDetailWrap td .check:active .radioBtn, .pay-way-choose td .check:active .radioBtn {
        box-shadow: 0 0 0 20px rgba(0,0,0,.05);
    }

    #cartDetailWrap td .check .radioBtn, .pay-way-choose td .check .radioBtn {
        position: absolute;
        top: 50%;
        left: 50%;
        margin-top: -10px;
        margin-left: -10px;
    }

#cartDetailWrap td.goodsName a {
    width: 80%;
    height: 170px;
}

#pay-step-two td.goodsName a {
    width: 60%;
}

#cartDetailWrap td.goodsName img {
    float: left;
    display: block;
    border: 1px solid #D1D0D0;
    width: 111px;
    height: 168px;
    margin-right: 30px;
}

#cartDetailWrap td.goodsName p {
    float: left;
    width: 135px;
    height: inherit;
    color: #7A7A7A;
}

#pay-step-two td.goodsName p {
    width: 180px;
}

#cartDetailWrap td.goodsName span {
    display: table-cell;
    width: inherit;
    height: inherit;
    text-align: left;
    vertical-align: middle;
}

#cartDetailWrap tr td.goodsPrice {
    color: #56D092;
}

#cartDetailWrap td.goodsOpera a {
    color: orange;
    text-decoration: underline;
    padding: 10px;
}

.totalPrice {
    position: relative;
    width: 950px;
    margin: 23px auto 30px;
    overflow: hidden;
}

    .totalPrice p {
        padding-right: 30px;
        text-align: right;
        color: #7A7A7A;
        font-size: 14px;
    }

        .totalPrice .real-pay span, .totalPrice p span {
            padding-left: 30px;
        }

    .totalPrice .real-pay span {
        font-size: 30px;
        color: #FFA810;
    }

    .totalPrice .alert {
        position: absolute;
        top: 15px;
        left: 76px;
        width: 475px;
        height: 23px;
        line-height: 22px;
        color: #EA3636;
        font-size: 14px;
        font-weight: 700;
    }

        .totalPrice .alert:after {
            content: "";
            position: absolute;
            top: 0;
            left: 0;
            display: inline-block;
            width: 23px;
            height: 23px;
            background-position: -389px -351px;
        }

    .totalPrice .real-pay {
        float: right;
        width: 200px;
        height: 36px;
        line-height: 36px;
        margin-top: 10px;
        padding-top: 10px;
        border-top: 1px solid #999;
        color: #7A7A7A;
        font-size: 14px;
        overflow: hidden;
    }

.submitWrap {
    width: 960px;
    height: 36px;
    margin: 0 auto 56px;
    padding-right: 20px;
    padding-top: 10px;
    clear: both;
}

    .submitWrap .submitOrder {
        float: right;
        display: block;
        width: 156px;
        height: inherit;
        font-size: 14px;
        text-align: center;
        background-color: #41DA97;
        line-height: 34px;
        color: #FFF;
        -webkit-border-radius: 3px;
        -moz-border-radius: 3px;
        border-radius: 3px;
        -webkit-transition: all .3s;
        -moz-transition: all .3s;
        -o-transition: all .3s;
        transition: all .3s;
    }

        .submitWrap .submitOrder:hover {
            background-color: #0B8;
        }

        .submitWrap .submitOrder.invalid {
            background-color: #CCC;
            cursor: not-allowed;
        }

.totalPrice_one {
    position: relative;
    width: 950px;
    height: 57px;
    margin: 23px auto 30px;
    padding-right: 30px;
    text-align: right;
    color: #7A7A7A;
    font-size: 14px;
}

    .totalPrice_one span {
        font-size: 30px;
        color: #FFA810;
        padding-left: 30px;
    }

    .totalPrice_one .alert {
        position: absolute;
        top: 15px;
        left: 76px;
        width: 475px;
        height: 23px;
        line-height: 22px;
        color: #EA3636;
        font-size: 14px;
        font-weight: 700;
    }

        .totalPrice_one .alert:after {
            content: "";
            position: absolute;
            top: 0;
            left: 0;
            display: inline-block;
            width: 23px;
            height: 23px;
            background-position: -389px -351px;
        }

.submitWrap_one {
    width: 960px;
    height: 36px;
    margin: 0 auto 56px;
    padding-right: 20px;
}

    .submitWrap_one .submitOrder {
        float: right;
        display: block;
        width: 156px;
        height: inherit;
        font-size: 14px;
        text-align: center;
        background-color: #41DA97;
        line-height: 34px;
        color: #FFF;
        -webkit-border-radius: 3px;
        -moz-border-radius: 3px;
        border-radius: 3px;
        -webkit-transition: all .3s;
        -moz-transition: all .3s;
        -o-transition: all .3s;
        transition: all .3s;
    }

        .submitWrap_one .submitOrder:hover {
            background-color: #0B8;
        }

        .submitWrap_one .submitOrder.invalid {
            background-color: #CCC;
            cursor: not-allowed;
        }

.emptyCartWrap {
    display: none;
    position: relative;
    top: 50%;
    left: 50%;
    margin-top: -200px;
    margin-left: -160px;
    width: 320px;
    height: 400px;
    text-align: center;
    font-size: 24px;
    color: #AAB2B6;
}

    .emptyCartWrap p {
        margin-top: 67px;
        margin-bottom: 25px;
    }

    .emptyCartWrap a, .emptyCartWrap img {
        display: block;
        margin: 0 auto;
    }

    .emptyCartWrap a {
        margin: 0 auto !important;
    }

#pay-step-done .payDone {
    width: 349px;
    height: 327px;
    margin: 0 auto;
}

    #pay-step-done .payDone img {
        display: block;
    }

    #pay-step-done .payDone a, .emptyCartWrap a, .payFail a {
        display: block;
        width: 174px;
        height: 44px;
        margin: 60px auto 0;
        background-color: #41DA97;
        color: #FFF;
        font-size: 14px;
        line-height: 43px;
        text-align: center;
        -webkit-border-radius: 22px;
        -moz-border-radius: 22px;
        border-radius: 22px;
        -webkit-transition: all .3s;
        -moz-transition: all .3s;
        -o-transition: all .3s;
        transition: all .3s;
    }

        #pay-step-done .payDone a:hover, .emptyCartWrap a:hover, .payFail a:hover {
            background-color: #0B8;
        }

#pay-step-fail .payFail {
    position: absolute;
    top: 50%;
    left: 50%;
    margin-top: -220px;
    margin-left: -165px;
    width: 330px;
    height: 440px;
}

    #pay-step-fail .payFail h1 {
        height: 40px;
        line-height: 38px;
        font-size: 35px;
        color: #4B4B4B;
        text-align: center;
        font-weight: 400;
        margin-bottom: 20px;
    }

        #pay-step-fail .payFail h1 + p {
            height: 15px;
            line-height: 13px;
            font-size: 13px;
            color: #7C7C7C;
            text-align: center;
            margin-bottom: 38px;
        }

            #pay-step-fail .payFail h1 + p span {
                color: #41DA97;
            }

    #pay-step-fail .payFail img {
        display: block;
        margin: 0 auto;
    }

#internship .content {
    width: 780px;
    top: 60px;
    position: relative;
    margin: 0 auto;
    height: 700px;
}

    #internship .content h1 {
        color: #1eb960;
        font-size: 47px;
        text-align: center;
        margin-top: 40px;
        font-weight: 400;
        letter-spacing: 2px;
    }

    #internship .content h2 {
        color: #bbb;
        font-size: 18px;
        text-align: center;
        margin-top: 10px;
        margin-bottom: 10px;
        font-weight: 400;
        letter-spacing: 2px;
    }

.inter_filter {
    width: 100%;
    height: 440px;
    margin-bottom: 20px;
    border-radius: 5px;
    border: 1px solid #ddd;
    background-color: #fff;
    box-shadow: 0 5px 5px 0 #ddd;
}

.inter_main {
    margin-left: 40px;
    margin-right: 20px;
    float: left;
    width: 312px;
}

    .inter_main h3 {
        color: #1eb960;
        font-size: 24px;
        text-align: center;
        margin-top: 25px;
        font-weight: 400;
    }

    .inter_main h4 {
        color: #9a9a9a;
        font-size: 12px;
        text-align: center;
        margin: 5px 0;
        font-weight: 400;
    }

    .inter_main > ul {
        width: 100%;
        height: 305px;
    }

        .inter_main > ul > li {
            width: inherit;
            height: 35px;
            margin-bottom: 20px;
        }

    .inter_main li div {
        width: 312px;
        height: 31px;
        border: 2px solid #DFDFDF;
        background-color: #fff;
    }

        .inter_main li div label {
            display: block;
            width: inherit;
            height: inherit;
        }

        .inter_main li div p {
            background-color: #f8f8f8;
            float: left;
            display: inline-block;
            width: 123px;
            height: inherit;
            border-right: 2px solid #DFDFDF;
            text-align: center;
            line-height: 31px;
            color: #7A7E84;
            font-size: 16px;
            font-weight: 500;
        }

        .inter_main li div label input {
            position: relative;
            float: left;
            display: inline-block;
            width: 179px;
            padding-left: 8px;
            height: 31px;
            color: #9C9C9C;
            font-size: 12px;
            readonly: readonly;
        }

        .inter_main li div ul.dropdownlist {
            z-index: 10;
            position: absolute;
            background-color: #fff;
            left: 168px;
            display: inline-block;
            width: 185px;
            box-shadow: 0 5px 5px #B9B6B6;
            border: 1px solid #ddd;
            padding-bottom: 5px;
        }

        .inter_main li div li {
            padding: 8px;
            color: #9C9C9C;
            font-size: 14px;
            height: 15px;
            width: 169px;
        }

            .inter_main li div li:hover {
                background-color: #3cdc80;
                color: #fff;
                padding: 8px;
            }

            .inter_main li div li span {
                color: #3cdc80;
            }

            .inter_main li div li:hover span {
                color: #fff;
            }

.inter_less {
    margin-left: 40px;
    margin-right: 20px;
    float: left;
    width: 340px;
}

    .inter_less h3 {
        color: #1eb960;
        font-size: 24px;
        text-align: center;
        margin-top: 25px;
        font-weight: 400;
    }

    .inter_less h4 {
        color: #9a9a9a;
        font-size: 12px;
        height: 16px;
        text-align: center;
        margin: 5px 0;
        font-weight: 400;
    }

    .inter_less > ul {
        width: 100%;
        height: 110px;
    }

        .inter_less > ul > li {
            width: inherit;
            height: 35px;
            margin-bottom: 10px;
        }

    .inter_less li div {
        width: 340px;
        height: 31px;
        border: 2px solid #DFDFDF;
        background-color: #fff;
    }

        .inter_less li div label {
            display: block;
            width: inherit;
            height: inherit;
        }

        .inter_less li div p {
            background-color: #f8f8f8;
            float: left;
            display: inline-block;
            width: 123px;
            height: inherit;
            border-right: 2px solid #DFDFDF;
            text-align: center;
            line-height: 31px;
            color: #7A7E84;
            font-size: 16px;
            font-weight: 500;
        }

        .inter_less li div label input {
            position: relative;
            float: left;
            display: inline-block;
            width: 179px;
            padding-left: 8px;
            height: 31px;
            color: #9C9C9C;
            font-size: 12px;
        }

        .inter_less li div ul.dropdownlist {
            z-index: 10;
            position: absolute;
            background-color: #fff;
            margin-left: 124px;
            display: inline-block;
            width: 214px;
            box-shadow: 0 5px 5px #B9B6B6;
            border: 1px solid #ddd;
            padding-bottom: 5px;
        }

        .inter_less li div li {
            padding: 8px;
            color: #9C9C9C;
            font-size: 14px;
            height: 15px;
            width: 169px;
        }

            .inter_less li div li:hover {
                background-color: #3cdc80;
                color: #fff;
                padding: 8px;
            }

            .inter_less li div li span {
                color: #3cdc80;
            }

            .inter_less li div li:hover span {
                color: #fff;
            }

.inter_company, .inter_source {
    width: 100%;
    margin-bottom: 5px;
}

    .inter_company h5, .inter_source h5 {
        color: #7a7e84;
        font-size: 16px;
        margin-bottom: 8px;
    }

        .inter_company h5 span, .inter_source h5 span {
            font-size: 12px;
            padding-left: 5px;
        }

    .inter_source > ul {
        width: 100%;
        height: 125px;
    }

        .inter_source > ul > li {
            position: relative;
            float: left;
            width: 81px;
            height: 37px;
            margin-right: 2px;
            margin-bottom: 3px;
            border: 1px solid #ddd;
            cursor: pointer;
        }

            .inter_source > ul > li img {
                position: absolute;
                top: 0;
                left: 0;
                z-index: 1;
            }

                .inter_source > ul > li img.check {
                    display: none;
                    z-index: 2;
                }

            .inter_source > ul > li.focus {
                border: 1px solid #3cdc80;
            }

                .inter_source > ul > li.focus .check {
                    display: block;
                }

    .inter_source li p {
        height: 37px;
        color: #a2a2a2;
        font-size: 14px;
        text-align: center;
        line-height: 37px;
    }

.inter_company {
    width: 100%;
}

    .inter_company h5 {
        color: #7a7e84;
        font-size: 16px;
        margin-bottom: 8px;
    }

        .inter_company h5 span {
            font-size: 12px;
            padding-left: 5px;
        }

    .inter_company > ul {
        width: 100%;
        height: 40px;
    }

        .inter_company > ul > li {
            float: left;
            width: 78px;
            height: 25px;
            line-height: 23px;
            color: #7a7e84;
            text-align: center;
            border-radius: 15px;
            margin-right: 5px;
            cursor: pointer;
        }

.inter-focus {
    border: 1px solid #3cdc80;
}

.noInter-focus {
    border: 1px solid #7a7e84;
}

.inter_submit {
    width: 100%;
    text-align: center;
    height: 46px;
    margin-top: 20px;
}

.inter_submit_btn {
    display: block;
    width: 320px;
    height: 45px;
    color: #fff;
    line-height: 45px;
    text-align: center;
    font-size: 16px;
    background-color: #3CDC80;
    margin: 0 auto;
    cursor: pointer;
    border-radius: 3px;
}

#inter_job .content {
    width: 100%;
    top: 60px;
    position: relative;
}

#inter_job .rightArrow {
    width: 7px;
    height: 6px;
    margin-left: 20px;
    background-position: -89px 0;
    position: relative;
    top: -2px;
    -webkit-transition: all .4s;
    -moz-transition: all .4s;
    -o-transition: all .4s;
    transition: all .4s;
}

#inter_job .searchWrap {
    height: 97px;
    background-color: #FFF;
    border: 1px solid #e8e8e8;
}

#inter_job .searchBox {
    margin: 0 auto;
    padding-top: 20px;
    width: 1200px;
    height: 77px;
}

.inter_inputWrap {
    width: 900px;
    float: left;
}

.inter_keyword {
    float: left;
    width: 489px;
    height: 27px;
    border: 1px solid #34bc8d;
    padding: 0 15px;
}

.inter_job_submit {
    float: left;
    display: block;
    margin: 0 auto;
    width: 90px;
    line-height: 27px;
    text-align: center;
    height: 29px;
    background-color: #34bc8d;
    color: #FFF;
}

.inter_tabWrap {
    float: left;
    margin-top: 5px;
    width: 500px;
}

    .inter_tabWrap a {
        display: inline-block;
        margin-right: 10px;
        padding: 4px 9px;
        -moz-background-clip: padding;
        -webkit-background-clip: padding-box;
        background-clip: padding-box;
    }

        .inter_tabWrap a.active {
            background: #34bc8d;
            color: #fff;
        }

        .inter_tabWrap a.disabled {
            color: #c1c1c1;
        }

#inter_job .filterWrap, .contentWrap {
    width: 1160px;
    height: inherit;
    margin: 11px auto;
    background-color: #fff;
    border: 1px solid #e8e8e8;
    padding: 10px 20px;
    min-height: 36px;
}

.bigMenu {
    display: none;
}

.briefWrap {
    width: 1160px;
    height: inherit;
    margin-left: -20px;
    background-color: #fff;
    padding: 10px 20px;
    min-height: 36px;
}

.filterWrap h1 {
    color: #34bc8d;
    font-size: 16px;
    padding: 0 8px 8px;
}

.filterWrap a.hide {
    color: #868686;
    float: right;
    font-size: 16px;
    position: relative;
    top: -30px;
}

.filterWrap ul.filterBox {
    border-top: 1px dashed #ddd;
    width: 100%;
}

.briefBox li, .filterWrap li {
    padding: 10px 0;
}

    .filterWrap li span {
        font-size: 15px;
        color: #828282;
        font-weight: 600;
        padding: 5px 8px;
        height: 14px;
        line-height: 14px;
        margin-right: 5px;
    }

    .filterWrap li a {
        font-size: 14px;
        color: #888;
        margin-right: 5px;
        padding: 3px 15px;
        height: 14px;
        line-height: 14px;
        cursor: pointer;
    }

        .filterWrap li a.active {
            background-color: #34bc8d;
            color: #fff;
            border-radius: 15px;
            cursor: pointer;
        }

        .filterWrap li a.disabled {
            background-color: #C0C7C5;
            color: #fff;
            border-radius: 15px;
            cursor: not-allowed;
        }

.briefWrap ul.briefBox {
    width: 100%;
}

.briefBox li span {
    font-size: 14px;
    color: #828282;
    font-weight: 600;
    height: 14px;
    line-height: 14px;
}

.briefBox li a {
    font-size: 14px;
    color: #fff;
    margin-right: 5px;
    padding: 3px 10px;
    height: 14px;
    line-height: 14px;
    background-color: #34bc8d;
}

.briefBox a.show {
    color: #868686;
    float: right;
    font-size: 16px;
    position: relative;
    top: -30px;
}

.contentWrap h1 {
    color: #34bc8d;
    font-size: 16px;
    padding: 5px 15px 8px 0;
    float: left;
}

.contentWrap span a {
    float: left;
    font-size: 15px;
    color: #888;
    padding: 5px 20px;
    height: 20px;
    line-height: 20px;
}

    .contentWrap span a.active {
        background-color: #34bc8d;
        color: #fff;
        border-radius: 15px;
    }

.contentBox {
    border-top: 1px dashed #ddd;
    width: 100%;
    margin-top: 40px;
}

    .contentBox ul li {
        border-bottom: 1px solid #F2EBEB;
    }

.inter_address_item span i, .inter_list_company .inter_pos_det span i, .inter_list_detail .inter_det_bot span.days i, .inter_list_detail .inter_det_bot span.source i, .inter_list_detail .inter_det_top span.month i, .inter_list_detail .inter_det_top span.update i, .inter_share_item a.bds_douban, .inter_share_item a.bds_qzone, .inter_share_item a.bds_sqq, .inter_share_item a.bds_tqq, .inter_share_item a.bds_tsina, .inter_share_item a.bds_weixin, .item_company p.domain span i, .item_company p.scale span i, .item_company p.web_url a i, .item_second span.days i, .item_second span.education i, .item_second span.location i, .item_second span.month i {
    display: inline-block;
    background: url(../images/job_icon.png) no-repeat;
}

.inter_list_item {
    padding: 20px 0;
    height: 70px;
}

.inter_list_company {
    width: 220px;
    padding: 10px 0;
    height: 50px;
    float: left;
}

.inter_list_detail {
    width: 400px;
    height: 50px;
    padding: 10px 0;
    float: left;
    border-right: 1px solid #ededed;
}

.inter_list_payment {
    width: 170px;
    float: left;
    height: 50px;
    padding: 10px 0;
    border-right: 1px solid #ededed;
    text-align: center;
}

.inter_list_resume {
    width: 220px;
    float: left;
    height: 50px;
    padding: 10px 0;
    border-right: 1px solid #ededed;
    text-align: center;
}

.inter_list_logo {
    width: 120px;
    float: left;
    height: 70px;
    text-align: center;
}

    .inter_list_logo img {
        width: 70px;
        height: 70px;
    }

.inter_list_company .inter_pos_det {
    height: 30px;
}

    .inter_list_company .inter_pos_det h2 a {
        color: #42a5ff;
        font-size: 19px;
        height: 24px;
        float: left;
        margin: 0;
        max-width: 140px;
        overflow: hidden;
        text-overflow: ellipsis;
        white-space: nowrap;
        word-wrap: normal;
    }

    .inter_list_company .inter_pos_det span {
        color: #bdbdbd;
        font-size: 14px;
        float: left;
        margin: 0 3px;
    }

        .inter_list_company .inter_pos_det span i {
            width: 20px;
            height: 20px;
            background-position: 0 -2px;
        }

.inter_list_company .inter_com_det span {
    color: #98cbfd;
    font-size: 17px;
    float: left;
    margin: 0;
    max-width: 200px;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    word-wrap: normal;
}

.inter_list_detail .inter_det_top {
    height: 25px;
}

    .inter_list_detail .inter_det_bot span.days, .inter_list_detail .inter_det_top span.month {
        color: #bdbdbd;
        font-size: 15px;
        float: left;
        margin: 0 3px;
        width: 110px;
    }

    .inter_list_detail .inter_det_bot span.source, .inter_list_detail .inter_det_top span.update {
        color: #bdbdbd;
        font-size: 15px;
        float: left;
        margin: 0 3px;
        width: 270px;
    }

    .inter_list_detail .inter_det_top span.month i {
        width: 20px;
        height: 20px;
        background-position: -20px 0;
    }

.inter_list_detail .inter_det_bot span.days i {
    width: 20px;
    height: 20px;
    background-position: -40px 0;
}

.inter_list_detail .inter_det_top span.update i {
    width: 20px;
    height: 20px;
    background-position: 0 -23px;
}

.inter_list_detail .inter_det_bot span.source i {
    width: 20px;
    height: 20px;
    background-position: -60px 0;
}

.inter_list_payment span, .inter_list_resume span {
    color: #65ce74;
    font-size: 20px;
    height: 50px;
    line-height: 50px;
}

.pagination {
    text-align: center;
    margin: 35px 0 30px;
}

    .pagination li {
        list-style: none;
        cursor: pointer;
        color: #555;
        display: inline-block;
        height: 21px;
        line-height: 21px;
        padding: 3px 10px;
        margin: 0 5px;
        font-size: 14px;
        text-decoration: none;
        border: 1px solid #DBDADA;
    }

    .pagination .pageselected {
        background-color: #00b38a !important;
        color: #fff !important;
        font-weight: 700;
        border-color: #00b38a !important;
    }

    .pagination .pagedisabled {
        color: silver !important;
        cursor: default !important;
    }

#job_detail .content {
    width: 949px;
    top: 100px;
    margin: 0 auto;
    position: relative;
    min-height: 768px;
}

    #job_detail .content .left-part {
        float: left;
        width: 684px;
        border: 1px solid #F2EBEB;
        min-height: 220px;
    }

    #job_detail .content .right-part {
        float: right;
        width: 250px;
        border: 1px solid #F2EBEB;
        min-height: 220px;
    }

.left-part .inter_source_item {
    background: #39d497;
    border: 1px solid #39d497;
    height: 24px;
    text-align: center;
    margin: 0 auto;
}

    .left-part .inter_source_item a {
        color: #fff;
        font-size: 14px;
    }

.left-part .inter_detail_item {
    padding: 0 18px;
    background-color: #fff;
    border: 1px solid #F2EBEB;
}

.inter_detail_item .item_first {
    width: 644px;
    padding: 20px 0;
    height: 20px;
    border-bottom: 1px solid #ddd;
}

.item_first span {
    color: #42a5ff;
    font-size: 20px;
    float: left;
    line-height: 20px;
    margin-right: 20px;
}

.item_first a {
    color: #888;
    font-size: 14px;
    float: left;
    line-height: 20px;
}

    .item_first a.update {
        float: right;
        line-height: 20px;
    }

.inter_detail_item .item_second {
    width: 644px;
    padding: 20px 0;
    height: 20px;
    color: #888;
    font-size: 18px;
    text-align: center;
    border-bottom: 1px solid #ddd;
}

.item_second span.location i {
    width: 20px;
    height: 20px;
    background-position: 0 -2px;
    margin-right: 10px;
    float: left;
}

.item_second span.days i, .item_second span.month i {
    width: 20px;
    height: 20px;
    background-position: 0 -24px;
    margin-right: 10px;
    float: left;
}

.item_second span.education i {
    width: 30px;
    height: 20px;
    background-position: -28px -46px;
    margin-right: 10px;
}

.item_company p.scale span i {
    width: 20px;
    height: 20px;
    background-position: -58px -46px;
    margin-right: 10px;
}

.item_company p.domain span i {
    width: 20px;
    height: 20px;
    background-position: -8px -69px;
    margin-right: 10px;
}

.item_company p.web_url a i {
    width: 30px;
    height: 20px;
    background-position: 5px -46px;
    margin-right: 10px;
}

.item_company p span.web_href a {
    height: 24px;
    line-height: 24px;
    display: block;
    float: right;
}

.item_company p .web_href {
    font-size: 14px;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    word-wrap: normal;
    display: inline-block;
    vertical-align: middle;
    text-align: center;
}

.item_second span {
    padding: 0 5px 0 0;
    float: left;
}

.inter_detail_item .item_third {
    width: 644px;
    padding: 20px 0;
    border-bottom: 1px solid #ddd;
}

.item_third .closing_date, .item_third .job_description {
    font-size: 16px;
    color: #333;
    font-weight: 500;
}

.inter_detail_item .item_third .item_content {
    font-size: 14px;
    color: #3a3a3a;
    display: block;
    margin: 30px 40px 0 0;
}

.inter_detail_item .item_fourth {
    width: 340px;
    padding: 30px 0;
    height: 50px;
    margin: 0 auto;
}

.item_fourth a.make {
    width: 152px;
    height: 38px;
    background: #39d497;
    font-size: 20px;
    color: #fff;
    text-align: center;
    line-height: 38px;
    float: left;
    padding: 0;
    border-radius: 10px;
}

.item_fourth a.send {
    width: 152px;
    height: 38px;
    background: #39b5d4;
    font-size: 20px;
    color: #fff;
    text-align: center;
    line-height: 38px;
    float: right;
    padding: 0;
    border-radius: 10px;
}

.right-part .inter_company_item {
    padding: 0 18px;
    height: 350px;
    overflow: hidden;
    position: relative;
    background-color: #fff;
}

.item_company img {
    display: block;
    margin: 30px auto 15px;
}

.item_company p {
    font-size: 14px;
    color: #888;
    display: block;
    text-align: center;
    margin-top: 10px;
}

    .item_company p a {
        color: #888;
    }

.item_company .infor {
    width: 220px;
    border-top: 1px solid #ddd;
    margin: 20px auto;
}

.right-part .inter_share_item {
    height: 32px;
    overflow: hidden;
    background: #fff;
    margin-top: 15px;
    padding: 16px 0 16px 18px;
}

.inter_share_item a {
    margin-right: 5px;
}

    .inter_share_item a.bds_tsina {
        background-position: -2px -96px;
        width: 30px;
        height: 30px;
    }

    .inter_share_item a.bds_tqq {
        background-position: -36px -96px;
        width: 30px;
        height: 30px;
    }

    .inter_share_item a.bds_weixin {
        background-position: -70px -96px;
        width: 30px;
        height: 30px;
    }

    .inter_share_item a.bds_sqq {
        background-position: -104px -96px;
        width: 30px;
        height: 30px;
    }

    .inter_share_item a.bds_qzone {
        background-position: -138px -96px;
        width: 30px;
        height: 30px;
    }

    .inter_share_item a.bds_douban {
        background-position: -172px -96px;
        width: 30px;
        height: 30px;
    }

.right-part .inter_address_item {
    overflow: hidden;
    background: #fff;
    margin-top: 15px;
}

.inter_address_item span {
    margin: 15px auto 20px;
    width: 220px;
    font-size: 13px;
    color: #888;
    display: block;
}

    .inter_address_item span i {
        width: 20px;
        height: 20px;
        background-position: 0 -2px;
        margin-right: 10px;
        float: left;
    }

#custom .customWrap {
    margin: 61px auto;
    width: 1300px;
    background-color: #FFF;
}

.cshadow {
    height: 75px;
    margin-top: -2px;
}

#custom .c-first-page a {
    position: absolute;
    width: 1300px;
    top: 180px;
    text-align: center;
    font-size: 18px;
    color: #7f7f7f;
}

#custom .c-second-page {
    height: 825px;
}

    #custom .c-second-page h1 {
        text-align: center;
        margin-top: 40px;
    }

    #custom .c-second-page a {
        position: absolute;
        width: 1300px;
        top: 725px;
        text-align: center;
        font-size: 18px;
        color: #7f7f7f;
    }

.caseHolder {
    margin-top: 60px;
}

.cleft {
    float: left;
    width: 650px;
    height: 685px;
    border-right: dashed;
    border-color: #d0d0d0;
}

.cright {
    float: right;
    width: 645px;
    height: 685px;
}

.clpic {
    width: 468px;
    float: left;
}

    .clpic img {
        margin-top: 30px;
    }

.clcontent {
    width: 140px;
    float: left;
    margin: 1px 1px 1px 7px;
}

    .clcontent p {
        font-size: 14px;
        color: #595959;
        font-weight: 700;
    }

    .clcontent .p1 {
        margin-top: 90px;
    }

    .clcontent .p2 {
        margin-top: 15px;
    }

    .clcontent .p3 {
        margin-top: 17px;
    }

    .clcontent .p4 {
        margin-top: 70px;
    }

    .clcontent .p5 {
        margin-top: 95px;
    }

.crpic {
    width: 468px;
    float: right;
}

    .crpic img {
        margin-top: 30px;
    }

.crcontent {
    width: 144px;
    float: right;
    margin: 1px;
}

    .crcontent p {
        font-size: 14px;
        color: #2baf53;
        font-weight: 700;
    }

    .crcontent .p1 {
        margin-top: 90px;
    }

    .crcontent .p2 {
        margin-top: 23px;
    }

    .crcontent .p3 {
        margin-top: 38px;
    }

    .crcontent .p4 {
        margin-top: 13px;
    }

    .crcontent .p5 {
        margin-top: 44px;
    }

#custom .c-third-page {
    height: 1025px;
}

    #custom .c-third-page h1 {
        text-align: center;
        margin-top: 40px;
    }

    #custom .c-third-page a {
        position: absolute;
        width: 1300px;
        top: 1595px;
        text-align: center;
        font-size: 18px;
        color: #7f7f7f;
    }

.dataHolder {
    margin-top: 100px;
}

    .dataHolder .thirdleft {
        float: left;
        width: 185px;
        margin-left: 40px;
        height: 764px;
    }

    .dataHolder p {
        font-size: 14px;
        color: #595959;
        font-weight: 700;
    }

.thirdleft .p1 {
    margin-top: 138px;
}

.thirdleft .p2 {
    margin-top: 123px;
}

.thirdleft .p3 {
    margin-top: 192px;
}

.dataHolder .thirdright {
    float: left;
    width: 185px;
    height: 764px;
    margin-left: 10px;
}

.thirdright .p4 {
    margin-top: 225px;
}

.thirdright .p5 {
    margin-top: 216px;
}

.dataHolder .thirdPic {
    width: 810px;
    float: left;
}

.c-fourth-page {
    height: 820px;
}

    .c-fourth-page a {
        position: absolute;
        width: 1300px;
        top: 2625px;
        text-align: center;
        font-size: 18px;
        color: #7f7f7f;
    }

.c-fifth-page {
    height: 455px;
}

    .c-fifth-page a.note {
        position: absolute;
        width: 1300px;
        top: 3435px;
        text-align: center;
        font-size: 18px;
        color: #7f7f7f;
    }

.buyHolder {
    margin-top: 10px;
}

    .buyHolder ul {
        text-align: center;
        margin-left: 105px;
    }

        .buyHolder ul li {
            float: left;
        }

            .buyHolder ul li p {
                width: 140px;
                margin-right: 94px;
                font-size: 12px;
                font-weight: 700;
                color: #303030;
            }

            .buyHolder ul li span.qq {
                float: left;
                margin: 10px;
                background: url(../images/cqq.png) no-repeat;
                height: 21px;
                width: 115px;
            }

            .buyHolder ul li span.see {
                float: left;
                margin: 10px;
                background: url(../images/cmodel.png) no-repeat;
                height: 21px;
                width: 115px;
            }

.c-sixth-page {
    height: 675px;
}

    .c-sixth-page h1 {
        text-align: center;
        margin-top: 40px;
    }

    .c-sixth-page a.title {
        position: absolute;
        width: 1300px;
        top: 3935px;
        text-align: center;
        font-size: 18px;
        color: #7f7f7f;
    }

.priceHolder {
    width: 1028px;
    height: 55px;
    margin-right: 28px;
    float: right;
    margin-top: -55px;
    position: relative;
}

    .priceHolder ul li {
        float: left;
    }

        .priceHolder ul li p.container1 {
            width: 223px;
            height: 55px;
        }

        .priceHolder ul li p.container2 {
            width: 222px;
            height: 55px;
        }

        .priceHolder ul li p.container3 {
            width: 303px;
            height: 55px;
        }

        .priceHolder ul li p.container4 {
            width: 279px;
            height: 55px;
        }

        .priceHolder ul li p a {
            float: right;
            margin-right: 22px;
            font-size: 22px;
            color: #52aafe;
            font-weight: 700;
            line-height: 50px;
        }

            .priceHolder ul li p a.cbuybtn {
                background: url(../images/cbuybtn.png) no-repeat;
                width: 279px;
                height: 53px;
            }

.priceTip {
    width: 1100px;
    height: 200px;
    margin: 20px auto;
}

    .priceTip ul li {
        list-style-type: square;
        color: #a9d465;
    }

        .priceTip ul li p {
            color: #828282;
            font-size: 12px;
            line-height: 20px;
        }

.c-seventh-page {
    height: 1025px;
}

    .c-seventh-page h1 {
        text-align: center;
        margin-top: 40px;
    }

.cquestion {
    width: 1100px;
    height: 200px;
    margin: 20px auto;
}

    .cquestion p {
        height: 35px;
        line-height: 34px;
        margin-bottom: 20px;
        font-size: 21px;
        font-weight: 700;
        color: #6f6f6f;
    }

        .cquestion p.inner {
            height: 15px;
            line-height: 15px;
            margin-bottom: 10px;
            margin-left: 10px;
            font-size: 14px;
            font-weight: 700;
            color: #6f6f6f;
        }

        .cquestion p i {
            float: left;
            width: 35px;
            height: 35px;
            margin: 0 10px;
            font-size: 21px;
            border-radius: 34px;
            text-align: center;
            color: #fff;
            font-style: normal;
            background: #8cc532;
        }

#article .bread-nav, #blog .filterWrap {
    width: 1180px;
    height: 50px;
    border-bottom: 1px solid #E0E0E0;
    margin: 88px auto 18px;
    overflow: hidden;
}

    #blog .filterWrap li {
        float: left;
        height: inherit;
        margin-right: 23px;
        color: #A9A9A9;
        font-size: 16px;
        text-align: center;
        line-height: 48px;
        cursor: pointer;
    }

        #blog .filterWrap li.focus {
            color: #FA9528;
        }

#article .articleWrap, #blog .articleWrap {
    position: relative;
    width: 1180px;
    height: 1453px;
    margin: 0 auto 94px;
}

    #blog .articleWrap .articleList, #blog .articleWrap .recommendation {
        border: 1px solid #E4E4E4;
        background-color: #FFF;
    }

    #blog .articleWrap .articleList {
        float: left;
        width: 894px;
        height: 1451px;
    }

    #article .recommendation, #blog .articleWrap .recommendation {
        float: right;
        width: 251px;
        height: inherit;
    }

    #blog .articleWrap .articleList > ul {
        margin: 15px auto 0;
        overflow: hidden;
    }

#blog .articleList > ul li {
    width: 858px;
    height: 306px;
    margin: 0 auto 36px;
    box-shadow: 0 4px 11px 0 rgba(0,0,0,.1);
}

#blog .articleList li .imgLink {
    display: block;
    width: inherit;
    height: 247px;
}

    #blog .articleList li .imgLink img {
        width: inherit;
        height: inherit;
    }

#blog .articleList li .artIntro {
    width: inherit;
    height: 59px;
    line-height: 57px;
}

    #blog .articleList li .artIntro a {
        display: inline-block;
        height: inherit;
    }

#blog .articleList .artIntro .title, .article-relative p .title {
    float: left;
    width: 700px;
    text-indent: 7px;
    font-size: 20px;
    color: #42A5FF;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}

#blog .articleList .artIntro .seeMore, .article-relative p .see-more {
    position: relative;
    float: right;
    width: 120px;
    font-size: 14px;
    color: #B8B8B8;
    text-align: center;
    line-height: 58px;
}

    #blog .articleList .artIntro .seeMore::after, #blog .articleList .artIntro .seeMore:after, .article-relative p .see-more::after, .article-relative p .see-more:after {
        position: absolute;
        top: 48%;
        right: 14%;
        margin-top: -7px;
        content: "";
        width: 10px;
        height: 15px;
        background-position: -382px -310px;
    }

#blog .articleList .pageCount {
    position: absolute;
    bottom: 10px;
    height: 50px;
    margin: 0 218px;
    overflow: hidden;
}

.pageCount {
    width: 465px;
    position: relative;
    overflow: hidden;
    margin: 5px auto;
}

    .pageCount .jump-btn {
        position: absolute;
        top: 25px;
        display: inline-block;
        width: 30px;
        height: inherit;
    }

        .pageCount .jump-btn::after, .pageCount .jump-btn:after {
            content: "";
            position: absolute;
            top: 50%;
            left: 50%;
            margin-left: -6px;
            margin-top: -12px;
            width: 13px;
            height: 24px;
        }

    .pageCount .prev-page {
        left: 0;
    }

    .pageCount .next-page {
        right: 0;
    }

    .pageCount .prev-page::after, .pageCount .prev-page:after {
        background-position: -396px -307px;
    }

    .pageCount .next-page::after, .pageCount .next-page:after {
        background-position: -417px -307px;
    }

    .pageCount .page-list {
        width: 400px;
        height: inherit;
        margin: 0 30px;
    }

        .pageCount .page-list li {
            float: left;
            width: 80px;
            height: inherit;
        }

            .pageCount .page-list li a {
                display: block;
                width: inherit;
                height: inherit;
                line-height: 49px;
                text-align: center;
                font-size: 14px;
            }

            .pageCount .page-list li .focus {
                color: #42a5ff;
            }

            .pageCount .page-list li a:hover {
                background-color: #42a5ff;
                color: #fff;
            }

.recommendation h3 {
    position: relative;
    width: 224px;
    height: 34px;
    line-height: 33px;
    font-size: 16px;
    font-weight: 400;
    color: #7D7D7D;
    border-bottom: 1px solid #DDD;
    margin: 0 auto 13px;
}

    .recommendation h3 a {
        position: absolute;
        bottom: 5px;
        right: 0;
        width: 25px;
        height: 25px;
        color: #CDCDCD;
        font-weight: 400;
        font-size: 12px;
    }

.recommendation > a {
    display: block;
    width: 218px;
    height: 308px;
    border: 1px solid #ccc;
    margin: 0 auto 30px;
    transition: all .4s;
}

    .recommendation > a:hover {
        box-shadow: 0 2px 3px 2px #ccc;
    }

    .recommendation > a img {
        width: inherit;
        height: inherit;
    }

#blog .fix_bottom {
    background-color: #e3e3e3;
    height: 75px;
    position: fixed;
    bottom: 0;
    width: 100%;
    left: 0;
    text-align: center;
}

    #blog .fix_bottom a {
        font-size: 12px;
        color: #9f9f9f;
        text-align: center;
        line-height: 75px;
    }

#blog .content {
    width: 1180px;
    top: 60px;
    position: relative;
    margin: 20px auto;
    height: inherit;
}

#blog .left-part {
    width: 760px;
    float: left;
}

#blog .right-part {
    width: 400px;
    float: right;
}

#blog .other-view {
    width: 1160px;
    float: left;
    height: 300px;
    margin-top: 50px;
}

.other-view h3 {
    color: #9f9f9f;
    font-size: 14px;
    height: 20px;
    line-height: 19px;
    padding: 3px 7px 10px;
    box-shadow: 0 1px 1px 0 #ddd;
}

.deline {
    width: 1160px;
    box-shadow: 0 1px 1px 0 #ddd;
}

#blog .other-content {
    width: 1160px;
    float: left;
    margin-bottom: 30px;
}

, .other-view ul {
    list-style: none;
    color: #9f9f9f;
    font-size: 14px;
}

    .other-view ul li {
        float: left;
    }

.other-view a {
    color: #9f9f9f;
    padding: 3px 7px;
    display: inline-block;
    text-align: center;
    margin: 11px 12px 0 0;
}

#blog .jobExp {
    width: 730px;
    background-color: #fff;
    float: left;
    padding: 15px 15px 0;
    margin-bottom: 25px;
    box-shadow: 0 5px 5px 0 #ddd;
}

#blog .hotArticle {
    width: 370px;
    background-color: #fff;
    float: right;
    padding: 15px 15px 30px;
    margin-bottom: 25px;
    box-shadow: 0 5px 5px 0 #ddd;
}

#blog .recommend {
    width: 370px;
    height: 260px;
    background-color: #fff;
    float: right;
    padding: 15px 15px 30px;
    margin-bottom: 25px;
    box-shadow: 0 5px 5px 0 #ddd;
}

.jobExp h3 {
    position: relative;
    height: 34px;
    line-height: 33px;
    font-size: 21px;
    font-weight: 700;
    color: #34c8ff;
    margin: 0 auto 13px;
}

    .jobExp h3 a {
        position: absolute;
        bottom: 5px;
        right: 0;
        width: 70px;
        height: 25px;
        color: #34c8ff;
        font-weight: 400;
        font-size: 12px;
    }

.hotArticle h3, .recommend h3 {
    position: relative;
    height: 34px;
    line-height: 33px;
    font-size: 21px;
    font-weight: 700;
    color: #34c8ff;
    margin: 0 auto 13px;
}

    .hotArticle h3 a, .recommend h3 a {
        position: absolute;
        bottom: 5px;
        right: 0;
        width: 70px;
        height: 25px;
        color: #34c8ff;
        font-weight: 400;
        font-size: 12px;
    }

.hotHolder p {
    height: 20px;
    line-height: 19px;
    margin-bottom: 5px;
}

.hotHolder a {
    font-size: 14px;
    color: #8c8b8b;
    width: 360px;
}

.hotArticle ul {
    list-style: none;
    font-size: 20px;
}

    .hotArticle ul li {
        float: left;
        text-align: center;
        font-size: 15px;
        color: #00a0e9;
        margin-bottom: 5px;
    }

        .hotArticle ul li a {
            font-size: 15px;
            color: #00a0e9;
        }

.hotArticle img {
    width: 175px;
    height: 250px;
    margin-right: 10px;
}

.ExpHolder {
    width: 100%;
    height: 160px;
    padding-bottom: 40px;
}

    .ExpHolder img {
        float: left;
        width: 233px;
        height: 160px;
    }

.ExpContent {
    width: 470px;
    float: left;
    padding: 3px 8px 3px 18px;
}

.ExpHolder h4 {
    position: relative;
    height: 25px;
    line-height: 25px;
    font-size: 19px;
    font-weight: 700;
    color: #221815;
    margin: 0 auto 10px;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.ExpHolder p {
    font-size: 13px;
    color: #777;
    line-height: 19px;
    height: 73px;
    overflow: hidden;
    text-overflow: ellipsis;
}

#blog .hotHolder p i {
    float: left;
    width: 19px;
    height: 19px;
    margin: 0 10px;
    font-size: 14px;
    -webkit-border-radius: 18px;
    border-radius: 18px;
    background: #6A6A6A;
    text-align: center;
    color: #fff;
    font-style: normal;
}

    #blog .hotHolder p i.hot {
        background: #00a0e9;
    }

#blog .hotHolder p span {
    color: #00a0e9;
    font-size: 14px;
}

.ExpHolder .tip {
    position: relative;
    height: 34px;
    line-height: 33px;
    font-size: 13px;
    font-weight: 700;
    color: #34c8ff;
    margin: 0 5px 13px 0;
}

#article .bread-nav, #article .bread-nav a {
    color: #FB9526;
    font-size: 16px;
    line-height: 49px;
}

    #article .bread-nav a {
        display: inline-block;
        margin: 0 10px;
    }

.articleWrap .articleWrap {
    min-height: 500px;
}

.articleWrap .article-box {
    float: left;
    width: 894px;
    min-height: 1000px;
}

    .articleWrap .article-box .article-main {
        width: 860px;
        padding: 0 17px 30px;
        overflow: hidden;
        margin-bottom: 25px;
        background-color: #fff;
        box-shadow: 0 5px 5px 0 #ddd;
    }

.article-box .article-main h1 {
    width: 100%;
    height: 89px;
    line-height: 88px;
    margin-bottom: 20px;
    border-bottom: 1px solid #ddd;
    color: #636363;
    font-size: 28px;
    font-weight: 400;
    text-align: center;
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis;
}

.article-box .article-main p {
    width: 840px;
    padding: 0 10px;
    line-height: 2em;
    color: #626262;
    font-size: 16px;
    font-weight: 400;
}

.article-relative {
    width: 860px;
    height: 302px;
    padding: 0 17px;
    background-color: #fff;
    box-shadow: 0 5px 5px 0 #ddd;
}

    .article-relative h2 {
        height: 61px;
        line-height: 60px;
        border-bottom: 1px solid #ddd;
        margin-bottom: 40px;
        font-size: 24px;
        color: #7D7D7D;
        font-weight: 400;
    }

    .article-relative p {
        height: 40px;
        line-height: 39px;
        margin-bottom: 25px;
    }

        .article-relative p .see-more {
            line-height: 39px;
        }

#article .recommendation {
    background-color: #fff;
}

.activity1 {
    background-color: #212121;
}

    .activity1 .nav {
        background-color: rgba(255,255,255,.18);
    }

    .activity1 .activityCont {
        width: 800px;
        padding-top: 70px;
        padding-bottom: 81px;
        margin: 0 auto;
    }

        .activity1 .activityCont div {
            overflow: hidden;
        }

        .activity1 .activityCont .part1 {
            height: 435px;
            background: url(../images/activity-img/1/activity1-head-Bg.jpg) no-repeat;
            text-align: center;
        }

            .activity1 .activityCont .part1 strong {
                display: block;
                width: 120px;
                height: 25px;
                color: #fff;
                background-color: rgba(255,255,255,.2);
                font-size: 15px;
                line-height: 25px;
                margin: 8px auto 0;
                -webkit-border-radius: 13px;
                -moz-border-radius: 13px;
                border-radius: 13px;
            }

        .activity1 .activityCont .part2 {
            height: 343px;
            background-color: #5C5C5C;
        }

        .activity1 .activityCont div h1 {
            color: #FBFBFB;
            text-align: center;
            font-size: 32px;
            margin-top: 75px;
            margin-bottom: 27px;
        }

        .activity1 .activityCont div p {
            width: 523px;
            margin: 0 auto;
            color: #fff;
            letter-spacing: 1px;
            font-size: 14px;
            line-height: 1.9em;
        }

        .activity1 .activityCont .part1 h1 {
            font-size: 70px;
            letter-spacing: 2px;
            color: #D4C8C5;
            font-weight: 400;
            margin-bottom: 74px;
            margin-top: 0;
            line-height: 300px;
        }

        .activity1 .activityCont .part1 p {
            font-size: 16px;
            color: #F5F5F6;
            margin-top: -125px;
        }

        .activity1 .activityCont .part2 .cityIcon {
            width: 90px;
            height: 46px;
            background: url(../images/activity-img/1/activity-1-icon.png) no-repeat;
            margin: 20px auto 0;
        }

        .activity1 .activityCont .part3 {
            height: 400px;
            background-color: #4C4C4C;
        }

            .activity1 .activityCont .part3 p a {
                position: relative;
                top: 5px;
                left: 25px;
                display: inline-block;
                width: 103px;
                height: 20px;
                background: url(../images/activity-img/1/activity-1-startBtn.png) no-repeat;
            }

        .activity1 .activityCont .part4 {
            position: relative;
            height: 290px;
            background-color: #5C5C5C;
        }

            .activity1 .activityCont .part4 em {
                position: absolute;
                bottom: 10px;
                right: 13px;
                color: #C3C3C3;
                letter-spacing: 1px;
            }

        .activity1 .activityCont .part5 {
            height: 1268px;
            background-color: #4C4C4C;
            padding-top: 27px;
        }

            .activity1 .activityCont .part5 img {
                display: block;
                margin-bottom: 20px;
                box-shadow: 0 3px 5px 0 rgba(0,0,0,.9);
            }

#start-up .content {
    width: 1175px;
    top: 120px;
    position: relative;
    margin: 0 auto;
    height: 700px;
    background-color: #fff;
    padding: 50px 30px 100px;
}

#start-up h1 {
    font-size: 21px;
    color: #42a5ff;
    float: left;
}

#start-up .item {
    margin-bottom: 20px;
    float: left;
}

#start-up .item-one {
    border: 1px solid #F2EBEB;
    float: left;
    height: 30px;
    margin-left: 15px;
    width: 155px;
    margin-right: 20px;
    padding: 2px 14px;
    color: gray;
}

#start-up .item-two {
    border: 1px solid #F2EBEB;
    float: left;
    height: 90px;
    margin-left: 15px;
    width: 1005px;
    margin-right: 20px;
    padding: 2px 14px;
    color: gray;
}

#start-up .item-three {
    border: 1px solid #F2EBEB;
    float: left;
    height: 208px;
    margin-left: 15px;
    width: 1005px;
    margin-right: 20px;
    padding: 2px 14px;
    color: gray;
}

#start-up .item-four {
    border: 1px solid #F2EBEB;
    float: left;
    height: 208px;
    margin-left: 15px;
    width: 805px;
    margin-right: 20px;
    padding: 2px 14px;
    color: gray;
}

#start-up .submit {
    margin: 40px auto;
    text-align: center;
    position: relative;
}

    #start-up .submit a {
        display: block;
        width: 320px;
        height: 45px;
        color: #fff;
        line-height: 45px;
        text-align: center;
        font-size: 16px;
        background-color: #42a5ff;
        margin: 0 auto;
        cursor: pointer;
        border-radius: 3px;
    }

    #start-up .submit .tip {
        display: block;
        width: 1200px;
        height: 45px;
        color: #fff;
        line-height: 45px;
        text-align: center;
        font-size: 16px;
        background-color: #f28282;
        margin: 0 auto;
        border-radius: 3px;
    }
